Comparto codigo CSS

body{ font-family: 'Montserrat', sans-serif; }

header { background-color: #BBBBBB; padding: 20px 0; }

.caja{ width: 940px; position: relative; margin: 0 auto; }

nav{ position: absolute; top:110px; right: 0; }

nav li{ display: inline; margin: 0 0 0 15px; }

nav a{ text-transform: uppercase; color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; }

nav a:hover{ color: #c78c19; text-decoration: underline; }

.productos{ width: 940px; margin: 0 auto; padding: 50px; }

.productos li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border: 2px solid #000000; border-radius: 10px; }

.productos li:hover{ border-color:#c78c19; }

.productos li:active{ border-color:#088c19; }

.productos h2{ font-size: 30px; font-weight: bold; }

.productos li:hover h2{ font-size: 33px; }

.producto-descripcion{ font-size: 18px; }

.producto-precio{ font-size: 20px; font-weight: bold; margin-top:10px; }

footer{ text-align: center; background: url(imagenes/bg.jpg); padding:40px; }

.copyright{ color:#FFFFFF; font-size: 13px; margin:20px; }

form{ margin: 40px 0; }

form label, form legend{ display: block; font-size: 20px; margin: 0 0 10px;/Para el margen primero se indica el distanciamiento superior y luego el derecho, para este caso toma los distanciamientos verticales primero./ }

.input-padron{ display: block; /El display en esta clase al ser block usa el ancho total de la pantalla para modificarlo, debiera ser inline/ margin: 0 0 20px; padding: 10px 25px; width: 50%; }

.checkbox{ margin:20px 0; }

.enviar{ width: 40%; /el porcentaje del espacio utilizado del total de nuestra pantalla/ padding: 15px 0; font-size: 18px; font-weight: bold; /la fuerza de nuestro texto en este caso negrita/ color:white; background: orange; border:none; border-radius: 5px; transition: 1s all; /Permite que los cambios que realiza el boton sea en esta escala de tiempo y que afecta a todo el contenido del boton./ cursor:pointer; /Propiedad que permite que cuando el cursor se situe sobre el botn se torne en forma de mano./ }

.enviar:hover{ /hover es la propiedad que nos permite realizar acciones sobre el boton cuando el mouse se situa sobre el/ background: darkorange; transform: scale(1.2); }

table{ margin: 40px 40px; }

thead{ /solo para el encabezdao de la tabla/ background: #555555; color:white; font-weight: bold; }

td,th{ /Se puede agrupar en un mismo selector varias etiquetas separadas por comas hacemos la reseña/ border: 1px solid #000000; padding: 8px 15px; }

/* Aqui inicia el css para nuestro home*/

.banner{ width: 100%; }

p{ background: red; }

.principal{ padding: 3em 0; background: #FEFEFE; width: 940px; margin: 0 auto;}

.titulo-principal{ text-align: center; font-size: 2em; margin: 0 0 1em; clear: left; }

.principal p{ margin: 0 0 1em;}

.principal strong{ font-weight: bold; }

.principal em{ font-style: italic; }

.utensilios{
    width: 120px;
    float: left;
    margin: 0 20px 20px 0;
}

.mapa{
    padding: 3em 0;
    background: linear-gradient(#FEFEFE, #888888);
}

.mapa p{
   margin: 0 0 2em;
   text-align: center;
}

.mapa-contenido{
    width: 940px;
    margin: 0 auto;
}

.diferenciales{
    padding: 3em 0;
    background: #888888;
}

.contenido-diferenciales{
    width: 640px;
    margin: 0 auto;
}

.lista-diferenciales{
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.items{
    line-height: 1.5;
}

.items::before{/*este es un pseudocodigo:: before y later quieren decir insertar antes y despues, tambien existe first letter o primera letra hay muchos mas.Tambien recordar que los dos puntos repetidos son los que nos hacen el llamado de el seudocodigo*/
    content: "✭";
    margin: 5px;
    font-weight: bold;
}

.items:first-child{/*Aqui una pseudo clase, se diferencia del seudocodigo por el punto inicial de el selector que indica la clase y los dos puntos sencillos que nos indican el pseudo*/
    font-weight: bold;
}

.imagen-diferenciales{
    width: 60%;

}

.video{
    width: 560px;
    margin: 1em auto;
}