/* =====================================================
   OFERTONA.ONLINE
   RESPONSIVO.CSS
===================================================== */

@media(max-width:1024px){

.hero{
    grid-template-columns:1fr;
    text-align:center;
}

.produto-topo{
    grid-template-columns:1fr;
}

.menu-principal ul{
    gap:18px;
}

.logo{
    width:210px;
}

}

@media(max-width:768px){

.container-topo{
    flex-direction:column;
    gap:20px;
}

.menu-principal ul{
    flex-wrap:wrap;
    justify-content:center;
}

.texto-hero h1{
    font-size:40px;
}

.texto-hero p{
    font-size:18px;
}

.grade-produtos{
    grid-template-columns:1fr;
}

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

}

@media(max-width:480px){

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

.texto-hero h1{
    font-size:32px;
}

.botao-hero{
    width:100%;
    text-align:center;
}

.botao-comprar{
    width:100%;
    text-align:center;
}

}