/*####################################################
##													##
## PARRILLACERO5    								##
## 													##
## 768.CSS		           							##
## 													##
## 													##
## Estilo CSS responsive    						##
## Estilos del frontend      					    ##
##													##
##													##
####################################################*/

@charset "utf-8";

/*** LAYOUT ***/

    /** HEADER **/

        /* Menú mobile */

        .menu-mobile nav.menu ul li {
            background: none;
            text-align: left;
            display: block;
        }

        .menu-mobile nav.menu ul li:not(:last-child) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);;
        }

            .menu-mobile nav.menu ul li a {
                padding: 10px 0;
            }

        .menu-mobile nav.lang ul li {
            display: block;
        }

/*** SECCIONES ***/

    /* Hero */

    #hero .logo {
        max-width: 300px;
        width: 100%;
    }

    /* Vías de contacto */

    #vias-contacto {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }