Muy bueno el desafío que nos dejo el profe Christian, de poder adaptar "solitos" el código CSS de las páginas productos.html y contacto.html. Me rompí el coco pero valió la pena resolverlo sola con los conocimientos aprendidos en esta AULA. VAMOS POR MAS!!!!!
También pegar la etiqueta dentro del head de productos.html y contacto.html
@media screen and (max-width:480px) {
    h1{
        text-align: center;
    }
    nav{
        position: static;
    }
    .caja, .principal, .mapa-contenido, .contenido-diferenciales, .video, .productos{
        width: auto;
    }
    .lista-diferenciales, .imagen-diferenciales, .productos li, textarea{
        width: 100%;
    }
}