@media only screen and (max-width: 856px) {
    /* ajuste de home-cajas para que no se salgan del "container-1" */
    .container-1 .hero {
        grid-template-columns: repeat(4, 130px);
        padding: 0 25px;
    }

    .container-1 .hero div {
        min-height: 130px;
    }
}

@media only screen and (max-width: 768px) {
    
    .container-1 .hero-container {
        width: 100%;
        margin: 0 auto;
    }

    .container-1 .hero {
        display: grid;
        grid-template-columns: repeat(auto-fill, 120px);
        padding: 0 25px;
        gap: 8px;
    }

    .container-1 .hero div {
        min-height: 120px;
    }

    .nosotros-container {
        margin: 35px;
        margin-left: calc(35px + 64px);
        padding: 30px;
    }

    /* Contacto */
    .foto-y-mapa {
        grid-template-columns: 1fr;
        grid-template-rows: 130px 240px;
    }

}