/* =================================
   RESPONSIVE CSS
   ASSISTÊNCIA TÉCNICA
================================= */


/* TABLETS */

@media(max-width:992px){


.container{

    width:92%;

}


/* HEADER */

.header-content{

    gap:20px;

}


.menu{

    gap:20px;

}


.menu a{

    font-size:14px;

}



/* HERO */


.hero{

    padding-top:130px;

}



.hero-content{

    grid-template-columns:1fr;

    text-align:center;

}



.hero-text{

    display:flex;

    flex-direction:column;

    align-items:center;

}



.hero-text h1{

    font-size:45px;

}



.hero-text p{

    max-width:650px;

}



.hero-image{

    order:-1;

}



.hero-image img{

    max-width:450px;

    margin:auto;

}



/* CAPTURA */


.capture-box{

    padding:40px 25px;

}


}




/* CELULARES */

@media(max-width:600px){



.container{

    width:94%;

}



/* HEADER */


.header{

    padding:15px 0;

}



.logo img{

    width:120px;

}



.menu{

    display:none;

}



.header .btn-primary{

    padding:11px 20px;

    font-size:14px;

}



/* HERO */


.hero{

    min-height:auto;

    padding-top:120px;

    padding-bottom:60px;

}



.hero-text h1{

    font-size:34px;

    line-height:1.2;

}



.hero-text p{

    font-size:16px;

}



.hero-buttons{

    flex-direction:column;

    width:100%;

}



.hero-buttons a{

    width:100%;

}



/* IMAGEM */


.hero-image img{

    max-width:300px;

}



/* CAPTURA */


.capture{

    padding:50px 0;

}



.capture-box h2{

    font-size:26px;

}



.capture-box p{

    font-size:15px;

}



#leadForm{

    flex-direction:column;

}



#leadForm input{

    width:100%;

}



#leadForm button{

    width:100%;

}



/* BOTÕES */


.btn-primary,
.btn-secondary{

    padding:14px 22px;

    font-size:15px;

}


}




/* CELULARES PEQUENOS */

@media(max-width:380px){


.hero-text h1{

    font-size:29px;

}



.capture-box{

    padding:30px 15px;

}



}