.slider_overlay {
    background: rgb(237,230,222);
    background: linear-gradient(180deg, rgba(237,230,222,0) 52%, rgba(237,230,222,1) 95%);
    position: absolute;
    width: 100%;
    z-index: 11;
    bottom: 0px;
    height: 50%;
}

#header_slider_home {
    z-index: 0;
}


.slogan1{
    font-family: 'Parisienne', cursive;
    color: #a98d00;
    font-size: 90px;
    font-weight: 500;
    line-height: 70px;
}

.slogan2{
    font-family: 'PoorRichardOpti';
    font-size: 80px;
    color: #202031;
    font-weight: 500;
    line-height: 70px;
}

.slogan button{
    border: none;
    border-radius: 50px;
    padding: 5px 50px;
    margin-top: 20px;
    background: #a98d00;
}

.slogan button a{
    color:#fff;
    font-size:24px;
    text-decoration: none;
}

@media (max-width: 1199px) {

    #header_slider_home {

        position: relative;
        height: 680px;
        overflow: hidden;
    }

    .image_rond {
        -webkit-mask-image: url('../media/mask.svg');
        mask-image: url('../media/mask.svg');
        margin:auto;
        margin-top: -100px;
    }
}

/* Small Devices, Tablets */
@media (max-width: 768px) and (max-width: 992px) {

    #header_slider_home {

        position: relative;
        height: auto;
        overflow: visible;
    }
    .image_rond {
        -webkit-mask-image: url('../media/mask.svg');
        mask-image: url('../media/mask.svg');
        margin:auto;
        margin-top: -10px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    #header_slider_home {

        position: relative;
        height: 900px;
        overflow: hidden;
    }

    .image_rond {
        -webkit-mask-image: url('../media/mask.svg');
        mask-image: url('../media/mask.svg');
        margin:auto;
        margin-top: -100px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {

    #header_slider_home {
        position: relative;
        height: 900px;
        overflow: hidden;
    }

    .slogan{
        width: 80%;
        z-index: 20;
    }
}