@media screen and (min-width: 320px) {
   

    .class-mobile-button {
        display: none;
    }

    .title-header {
        font-size: 15px;
    }

    .div-slogan {
        margin-top: 20%;
        width: 800px;
    }

    .text-slogan {
        margin-top: 40%;
        font-size: 30px;
        font-weight: 500;
    }

    /* BOTÃO "CONHEÇA O QUE FAZEMOS" */
    .btn-bord-green {
        height: 100%;
        border: #BADB73 1px solid;
        border-radius: 11px;
 
    }

    .seta-white {
        display: none;
    }

    .btn-bord-green:hover>.seta-white {
        display: block;
    }

    .btn-bord-green:hover>.seta-green {
        display: none;
    }

    .btn-bord-green:hover {

        border: white 1px solid;
    }

    .btn-bord-green:hover p {
        color: white;
    }

    /* ------------------------------ */
    /* BOTÃO "CONVERSE COM A GENTE" */

    .btn-bord-white {
        height: 100%;
        border: #EFEAE4 1px solid;
        border-radius: 11px;
   

    }

    .btn-bord-white:hover {
        border: #BADB73 1px solid;
    }

    .btn-font-white {
        color: #EFEAE4;
    }

    /* ------------------------------ */
    .slogan {
        position: relative;
        width: 100%;
        height: 730px;
      
    }

    .slogan video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
 
        
    }

}

@media screen and (min-width: 576px) {}

@media screen and (min-width: 768px) {
 
   
    .class-mobile-button {
        display: none;
    }

    .title-header {
        font-size: 15px;
    }

    .div-slogan {
        margin-top: 20%;
        width: 800px;
    }

    .text-slogan {
        margin-top: 40%;
        font-size: 30px;
        font-weight: 500;
    }

    /* BOTÃO "CONHEÇA O QUE FAZEMOS" */
    .btn-bord-green {
        height: 100%;
        border: #BADB73 1px solid;
        border-radius: 11px;
       
    }

    .seta-white {
        display: none;
    }

    .btn-bord-green:hover>.seta-white {
        display: block;
    }

    .btn-bord-green:hover>.seta-green {
        display: none;
    }

    .btn-bord-green:hover {

        border: white 1px solid;
    }

    .btn-bord-green:hover p {
        color: white;
    }

    /* ------------------------------ */
    /* BOTÃO "CONVERSE COM A GENTE" */

    .btn-bord-white {
        height: 100%;
        border: #EFEAE4 1px solid;
        border-radius: 11px;
     

    }

    .btn-bord-white:hover {
        border: #BADB73 1px solid;
    }

    .btn-font-white {
        color: #EFEAE4;
    }

    /* ------------------------------ */
    .slogan {
        position: relative;
        width: 100%;
        height: 1100px;
    }


    
}

@media screen and (min-width: 992px) {
   
    .class-mobile-button {
        display: block;
    }

    .title-header {
        font-size: 12px;
    }


    .div-slogan {
        margin-top: 38%;
        width: 800px;
    }

    .text-slogan {
        margin-top: 0;
        font-size: 40px;
        font-weight: 500;
    }

    /* BOTÃO "CONHEÇA O QUE FAZEMOS" */
    .btn-bord-green {
        height: 100%;
        border: #BADB73 1px solid;
        border-radius: 11px;
      
    }

    .seta-white {
        display: none;
    }

    .btn-bord-green:hover>.seta-white {
        display: block;
    }

    .btn-bord-green:hover>.seta-green {
        display: none;
    }

    .btn-bord-green:hover {

        border: white 1px solid;
    }

    .btn-bord-green:hover p {
        color: white;
    }

    /* ------------------------------ */
    /* BOTÃO "CONVERSE COM A GENTE" */

    .btn-bord-white {
        height: 100%;
        border: #EFEAE4 1px solid;
        border-radius: 11px;
       
    }

    .btn-bord-white:hover {
        border: #BADB73 1px solid;
    }

    .btn-font-white {
        color: #EFEAE4;
    }

    /* ------------------------------ */
    .slogan {
        position: relative;
        width: 100%;
        height: 900px;
    }

  
}

@media screen and (min-width: 1200px) {

    
    .class-mobile-button {
        display: block;
    }

    .title-header {
        font-size: 15px;
    }

    .div-slogan {
        margin-top: 35%;
        width: 800px;
    }

    .text-slogan {
        margin-top: 0;
        font-size: 40px;
        font-weight: 500;
    }

    /* BOTÃO "CONHEÇA O QUE FAZEMOS" */
    .btn-bord-green {
        height: 100%;
        border: #BADB73 1px solid;
        border-radius: 11px;
    
    }

    .seta-white {
        display: none;
    }

    .btn-bord-green:hover>.seta-white {
        display: block;
    }

    .btn-bord-green:hover>.seta-green {
        display: none;
    }

    .btn-bord-green:hover {

        border: white 1px solid;
    }

    .btn-bord-green:hover p {
        color: white;
    }

    /* ------------------------------ */
    /* BOTÃO "CONVERSE COM A GENTE" */

    .btn-bord-white {
        height: 100%;
        border: #EFEAE4 1px solid;
        border-radius: 11px;
        
    }

    .btn-bord-white:hover {
        border: #BADB73 1px solid;
    }

    .btn-font-white {
        color: #EFEAE4;
    }

    /* ------------------------------ */
    .slogan {
        position: relative;
        width: 100%;
        height: 900px;
    }

 
}

@media screen and (min-width: 1364px) {
   
    .video-slogan{
        margin: 0 0 0 0;
    }

    .class-mobile-button {
        display: block;
    }

    .div-slogan {
        margin-top: 30%;
        width: 900px;
    }

    .text-slogan {
        margin-top: 0;
        font-size: 47px;
        font-weight: 500;
    }

    /* BOTÃO "CONHEÇA O QUE FAZEMOS" */
    .btn-bord-green {
        height: 100%;
        border: #BADB73 1px solid;
        border-radius: 11px;
       
    }

    .seta-white {
        display: none;
    }

    .btn-bord-green:hover>.seta-white {
        display: block;
    }

    .btn-bord-green:hover>.seta-green {
        display: none;
    }

    .btn-bord-green:hover {

        border: white 1px solid;
    }

    .btn-bord-green:hover p {
        color: white;
    }

    /* ------------------------------ */
    /* BOTÃO "CONVERSE COM A GENTE" */

    .btn-bord-white {
        height: 100%;
        border: #EFEAE4 1px solid;
        border-radius: 11px;
     
    }

    .btn-bord-white:hover {
        border: #BADB73 1px solid;
    }

    .btn-font-white {
        color: #EFEAE4;
    }

    /* ------------------------------ */
    .slogan {
        position: relative;
        width: 100%;
        height: 900px;
    }


}

@media screen and (min-width: 1600px) {
   

    .class-mobile-button {
        display: block;
    }

    .div-slogan {
        margin-top: 25%;
    }

    .text-slogan {
        margin-top: 0;
        font-size: 60px;
        font-weight: 500;
    }

    /* BOTÃO "CONHEÇA O QUE FAZEMOS" */
    .btn-bord-green {
        width: auto;
        height: 100%;
        border: #BADB73 1px solid;
        border-radius: 11px;
    
    }

    .seta-white {
        display: none;
    }

    .btn-bord-green:hover>.seta-white {
        display: block;
    }

    .btn-bord-green:hover>.seta-green {
        display: none;
    }

    .btn-bord-green:hover {

        border: white 1px solid;
    }

    .btn-bord-green:hover p {
        color: white;
    }

    /* ------------------------------ */
    /* BOTÃO "CONVERSE COM A GENTE" */

    .btn-bord-white {
        height: 100%;
        border: #EFEAE4 1px solid;
        border-radius: 11px;
        
    }

    .btn-bord-white:hover {
        border: #BADB73 1px solid;
    }

    .btn-font-white {
        color: #EFEAE4;
    }

    /* ------------------------------ */

    .slogan {
        width: 100%;
        height: 1050px;
    }

}