/* --- HERO SECTION --- */
.hero-section{
    /*padding-top: 85px;
    background-image: url('../../img/hero-home-bg.png');
    min-height:1302px;
    background-size: cover;
    background-position:center;
    background-color: transparent;
    min-height:1080px;*/ /* v1 */

    /*background-image: url('../../img/hero-home-bg-v2.png');*/
    height:980px;
    position: relative;
}

.hero-section .hero-box{
    gap:0;
}

.hero-section .hero-content{
    margin-top: -120px;
    max-width:100%;
}

.hero-section h1{
    font-size:var(--font-xl);
    line-height:1.1;
}

.hero-section .hero-content .hero-title .titre-2{
    margin-left: 85px;
}

.hero-section .hero-content .hero-description{
    margin-left: 85px;
    margin-bottom:30px;
}

.hero-section .hero-content .hero-buttons .btn:nth-child(2) {
    border: 1px solid var(--color-blue);
    background-color: transparent;
}

.hero-section .hero-image img{
    /*width: 930px;*/ /* v1 */
    width: 820px;
    /*top: -29px;*/ /* v1 */
    bottom: -50px;
    position: relative;
    z-index: 1;
}

#design-hero1{
    display:block;
    position:absolute;
    left: 55px;
    bottom: -165px;
    width: 331px;
    height: auto;
}

#design-hero2{
    display:block;
    position:absolute;
    right: -120px;
    bottom: -275px;
    width: 567px;
    height: auto;
}

@media screen and (min-width: 1920px) {
    .hero-section{
        /*background-size: 100% 1302px;*/ /* v1 */
        background-size: 100% 980px;
    }
}

@media screen and (max-width: 1600px) {
    .hero-section{
        height: 925px;
        padding-top: 115px;
    }

    .hero-section .hero-content{
        margin-top: 0;
    }

    .hero-section .hero-image img{
        min-width: 680px;
        width: 100%;
        top: 0;
        margin-left:-60px;
    }

    #design-hero1, #design-hero2{
        display:none;
    }
}

@media screen and (max-width: 1400px) {
    .hero-section .hero-image img{
        margin-left:-100px;
    }
}

@media screen and (max-width: 1279px) {
    .hero-section{
        min-height:unset;
        height:unset;
    }

    .hero-section{
        background-image: none;
        background-color:var(--color-beige);
    }

    .hero-section .hero-content .hero-title .titre-2{
        margin-left: 0;
    }

    .hero-section .hero-content .hero-description{
        margin-left: 0;
    }

    .hero-section .hero-image img{
        margin-left:0;
        width: 600px;
        min-width: 600px;
    }
}

@media (max-width: 992px) {
    .hero-section h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 800px) {
    .hero-section .hero-image img{
        width: 400px;
        min-width: 400px;
        margin-bottom: -75px;
    }
}

@media screen and (max-width: 575px) {
    .hero-section h1 {
        font-size: 60px;
    }

    .hero-section .hero-image img{
        margin-bottom: -67px;
    }
}


/* --- COLOR BLOCK SECTION --- */
.color-block-section{
    /*margin-top: -275px;*/ /* v1 */
    z-index: -1;
    position: relative;
}

@media screen and (max-width: 1279px) {
    .color-block-section{
        margin-top: 0px;
        z-index: 0;
    }
}