/* CSS que aplica a toda la pagina para distintos dispositivos */
/* Derechos reservados al Grupo 4 : Matias Abel Cortés, Héctor Salvador Guzmán, Bárbara Marisol Garro, Ceballos Jorge */



@media only screen and (max-width: 768px) {
    .container {
        width: 90%;
    }

    .texto1 {
        font-size: 20px; 
        text-align: center; 
    }
    
    .logo {
        width: 30%;
        margin-left: 0;
    }

    .floor_good_hd h3::before {
        bottom: -3px; 
    }

    .floor_good_hd span::after {
        bottom: -3px; 
    }

    .floor_good_hd h3 {
        font-size: 20px; 
    }

    .nav-top {
        flex-direction: column; 
        align-items: center; 
    }

    .subnav .w li {
        margin-right: 3px; 
        margin-left: -20px;
    }

    .subnav a {
        padding: 10px 15px; 
    }   

    .search-wrap {
        width: 100%; 
        margin: 10px 0;
    }

    .user {
        margin-top: 10px; 
        display: flex; 
        align-items: center; 
    }

    .user a:before {
        display: none;
    }
}

/* Estilos para tabletas */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .container {
        width: 80%;
    }
}

/* Estilos para computadores y pantallas más grandes */
@media only screen and (min-width: 1025px) {
    .container {
        width: 100%;
    }

    .search {
        width: 350px;
    }
}