body {
    font-family: "Oswald", sans-serif;
    overflow-x: hidden;
}

/**************** MENU ****************/


.logo-main-navbar {
    max-height: 5vh;
}

/**************** HEADER ****************/
header {
    width: 100%;
    height: 65vh;
}

.header-text {
    /* background-color:rgba(0,0,0, 0.50); */
    background-color: rgba(0, 51, 74, 0.75);
}


.header-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/**************** FOOTER ****************/
footer {
    color: rgba(255, 255, 255, 0.95);

}

.footer-contact {
    font-weight: 300;
    font-size: 0.8rem;
}

/**************** INDEX ****************/

.homepage-appartements-box {
    height: 42vh;
}

.homepage-appartements-carousel {
    height: 42vh;
}


.homepage-search-box {
    height: 45vh;
}



.homepage-promos-title {
    border-right: 1px solid white;
}

.promos-carousel {
    height: 28vh;
}

.promos-carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-services-box {
    background-color: rgba(28, 138, 202, 0.15);

}



.residence-img-box {
    height: 36vh;
}

s,
strike {
    text-decoration: none;
    /*we're replacing the default line-through*/
    position: relative;
    display: inline-block;
    font-size: 1.1rem;
    /* keeps it from wrapping across multiple lines */
}

/**** TEXTE BARRÉ ****/
s:after,
strike:after {
    content: "";
    /* required property */
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px solid rgb(0, 127, 169);
    height: 45%;
    /* adjust as necessary, depending on line thickness */
    /* or use calc() if you don't need to support IE8: */
    height: calc(50% - 1px);
    /* 1px = half the line thickness */
    width: 100%;
    transform: rotateZ(-6deg);
}






.appart-promo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
}




@media(max-width:767px){ 
    header {
        width: 100%;
        height: 30vh;
    }

    .homepage-search-box {
        height: auto;
    }

    .appartements-header {
        height:20vh; 
    }
    
    .appartements-header img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .appart-box {
        height: auto;
    }

    .appart-img-box {
        height: 36vh;
    }
    
    .appart-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .appart-details-img-box {
        height: 36vh;
    }
    
    .appart-details-img-box img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}



@media(min-width:768px){
    header {
        width: 100%;
        height: 30vh;
    }

    .homepage-search-box {
        height: auto;
    }

    .appartements-header {
        height: 22vh; 
    }
    
    .appartements-header img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .appart-img-box,
    .appart-box {
        height: 36vh;
    }
    
    .appart-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .appart-details-img-box {
        height: 36vh;
    }
    
    .appart-details-img-box img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}


@media(min-width:992px){
    header {
        width: 100%;
        height: 65vh;
    }

    .homepage-search-box {
        height: 45vh;
    }

    .appartements-header {
        height: 35vh; 
    }
    
    .appartements-header img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .appart-img-box,
    .appart-box {
        height: 36vh;
    }
    
    .appart-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .appart-details-img-box {
        height: 60vh;
    }
    
    .appart-details-img-box img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}


@media(min-width:1200px){
    header {
        width: 100%;
        height: 65vh;
    }

    .homepage-search-box {
        height: 45vh;
    }

    .appart-img-box {
        height: 36vh;
    }

    .appartements-header {
        height: 35vh; 
    }
    
    .appartements-header img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .appart-img-box,
.appart-box {
    height: 36vh;
}

.appart-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.appart-details-img-box {
    height: 55vh;
}

.appart-details-img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

}