/* ===========================
TABLET
=========================== */

@media (max-width:1100px){

.hero h1{
    font-size:52px;
}

.grid{
    grid-template-columns:repeat(2,1fr);
}

.beneficios-grid{
    grid-template-columns:1fr;
}

.future-grid{
    grid-template-columns:repeat(2,1fr);
}

nav{
    gap:18px;
}

}


/* ===========================
CELULAR
=========================== */

@media (max-width:768px){

header .container{

    height:75px;

}

.logo img{

    height:55px;

}

nav{

    display:none;

}

.hero{

    padding:140px 20px 80px;

}

.hero h1{

    font-size:38px;
    line-height:1.2;

}

.hero p{

    font-size:18px;

}

.hero-buttons{

    flex-direction:column;
    align-items:center;

}

.hero-buttons a{

    width:100%;
    max-width:320px;

}

h2{

    font-size:34px;

}

.grid{

    grid-template-columns:1fr;

}

.future-grid{

    grid-template-columns:1fr;

}

.container{

    width:90%;

}

section{

    padding:70px 0;

}

.card{

    padding:28px;

}

.beneficios-grid div{

    padding:28px;

}

.cta h2{

    font-size:36px;

}

.cta p{

    font-size:18px;

}

.footer-logo{

    height:70px;

}

}