#banner{
    margin-bottom:64px;
}
#banner .mobile{
    display:none;
}
#banner .cont_banner{
    position:relative;
}
#banner .cont_img {
    position:relative;
}
#banner .cont_img img{
    width:100%;
}
#banner .cont_img .degradado_lateral{
    background: linear-gradient(88deg, #000000 14.89%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    height: 100%;
    height: calc(100% - 3px);
    width: 65.84%;
    position: absolute;
    top: 0;
}
#banner .cont-txt{
    position:absolute;
    top:96px;
    top: 22.95%;
    left:159px;
    left: 8.29%;
}
#banner .title{
    font-family: coves_bold-webfont, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 658px;
    margin-bottom:32px;
}
#banner .barra{
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    height: 1.11px;
    margin: 35.08px 0 22.14px;
}
#banner .baj{
    font-family: "quicksand-regular", Helvetica Neue, -apple-system, "system-ui", BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #F7F7F7;
}
@media only screen and (max-width: 1490px){
    #banner .cont-txt{
        top: 22.17%;
        left: 5.63%;
    }
    #banner .title{
        max-width: 489px;
        font-size: 40px;
        line-height: 49px;
    }
    #banner .barra{
        max-width: 439px;
        margin: 23px 0 19.96px;
    }
    #banner .baj{
        font-size: 16px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 1100px){
    #banner .cont-txt {
        top: 14.17%;
        left: 3.63%;
    }
    #banner .title {
        max-width: 479px;
        font-size: 32px;
        line-height: 34px;
    }
    #banner .barra {
        margin: 18px 0;
    }
    #banner .baj {
        font-size: 14px;
        line-height: 17px;
    }
}
@media only screen and (max-width: 768px){
    #banner{
        margin-bottom:40px;
    }
    #banner .desktop{
        display:none;
    }
    #banner .mobile{
        display:block;
    }
    #banner .cont_img .degradado_lateral {
        height: 81.34%;
        width: 100%;
        position: absolute;
        top: auto;
        bottom: 0;
        background: linear-gradient(359deg, #000000 48.1%, rgba(0, 0, 0, 0) 100%);
    }
    #banner .cont-txt {
        left: 7.5%;
        top: auto;
        bottom: 22.36px;
        bottom: 7.34%;
    }
    #banner .barra {
        max-width: 80%;
        margin: 12px 0;
    }
    #banner .baj {
        font-size: 16px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 450px){
    #banner .title {
        max-width: 85%;
        font-size: 24px;
        line-height: 29px;
    }
    #banner .baj {
        font-size: 14px;
        line-height: 17px;
        max-width: 85%;
    }
}