.contact {

}

.contact h4 {
    font-size : 1.4rem;
    font-style: italic;
    color : #69131C;
}

.contact h6 {
    color : black;
}


.contact .card.card-cascade.wider.reverse .card-body.card-body-cascade {
    margin-top: -4rem;
}


.text-pres {
    padding : 0 20px;
    text-align: justify;
    font-size : 1.1rem;
    width: 100%;
}

.cellule {
    flex: 0 0 48%;
    color: white;
    padding: 30px 15px;
    margin: 3px;
    height: 173px;
    font-size: 0.9rem;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.cellule h5 {
    text-align : center;
}

.cellule p {
    text-align: center;
}

.contact-agency {
    display : none;
}

.contact-agency.active {
    display : block;
}

.contact-nav-bar {
    /* padding: 10px 20px; */
    color: white;
    text-align: center;
    /* line-height: 30px; */
    margin-bottom: 10px;
    margin-top: 20px;
}

.gradient1{
    background : linear-gradient(to right, #69131C 50%, var(--main-color) 50%, var(--main-color) 100% );
}

.gradient2{
    background : linear-gradient(to left, #69131C 50%, var(--main-color) 50%, var(--main-color) 100% );
}

#tab-content {
    clear : both;
}

.AgencyTo {
    font-family : 'RagTime', sans-serif;
    font-weight : normal;
}

.AgencyTo.active {
    text-shadow: 1px 1px 2px black;
    margin-bottom: 7px;
    border-bottom: 1px solid white;
    font-weight : bold;
}

.navbar-button {
    background-size: cover !important;
    border-radius: 15px;
    aspect-ratio: 1 / 1;
    background-position: center !important;
    position : relative;
}

.navbar-button.lens {
    background : url("../images/Lens.png");
}

.navbar-button.lens span {
    font-size : 1rem;
}

.navbar-button.bertincourt span {
    font-size : 0.8rem;
}

.navbar-button.vermelles span {
    font-size : 1rem;
}

.navbar-button.bertincourt {
    background : url("../images/Lens.png");
}

.navbar-button.vermelles {
    background : url("../images/Vermelles.jpg");
}

.navbar-button span {
    color: white;
    position: absolute;
    left: 0;
    bottom : 10px;
    right: 0;
    margin: auto;
    padding-top: 40px;
    font-weight: bold;
    z-index: 2;
    transform: scale(1);
    transition : 0.5s;
}

.caption-wrapper::before {
    content: '';
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(11, 25, 35, 0) 0%, #0b1923 100%);
    opacity: 1;
    z-index: 1;
    transition: .3s;
    pointer-events: none;
    border-radius: 15px;
}

.navbar-button.active .caption-wrapper::before  {
    height: 0%;
}
.navbar-button.active span  {
    text-decoration: underline;
    transform: scale(1.1);
    transition : 0.5s;
}