html {
                box-sizing: border-box;
                font-size: 62.5%;
            }
            
            *,
            *:before,
            *:after {
                box-sizing: inherit;
            }
            
            body {
                font-family: 'Open Sans', sans-serif;
                font-size: 1.6rem;
                line-height: 2;
            }
            
            .contenedor {
                max-width: 120rem;
                width: 95%;
                margin: 0 auto;
            }
            
            h1,
            h2,
            h3,
            h4 {
                font-family: 'PT Sans', sans-serif;
            }
            
            h1 {
                font-size: 4.8rem;
            }
            
            h2 {
                font-size: 4rem;
                line-height: 1.2;
            }
            
            h3 {
                font-size: 3.2rem;
            }
            
            h4 {
                font-size: 2.8rem;
            }
            
            img {
                max-width: 100%;
            }
            /*Utilidades*/
            
            .centrar {
                text-align: center;
            }
            
            .m-0 {
                margin: 0;
            }
            
            .boton {
                display: block;
                padding: 1rem 3rem;
                margin: 2rem 0;
                color: white;
                text-decoration: none;
                font-family: 'PT Sans', sans-serif;
                font-weight: 700;
                font-size: 2rem;
                text-align: center;
                text-transform: uppercase;
                flex: 0 0 100%;
            }
            
            .boton:hover {
                cursor: pointer;
            }
            
            @media (min-width: 600px) {
                .boton {
                    display: inline-block;
                    margin: 2rem 0;
                    flex: 0 0 auto;
                }
            }
            
            .boton-primario {
                background-color: black;
            }
            
            .boton-secundario {
                background-color: #784d3c;
            }
            /*Grid*/
            
            @media (min-width: 768px) {
                .grid {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                .centrar-columnas {
                    justify-content: center;
                }
                .columnas-4 {
                    flex: 0 0 calc(33.3% - 1rem);
                }
                .columnas-6 {
                    flex: 0 0 calc(50% - 1rem);
                }
                .columnas-8 {
                    flex: 0 0 calc(66.6% - 1rem);
                }
                .columnas-10 {
                    flex: 0 0 calc(83.3% - 1rem);
                }
                .columnas-12 {
                    flex: 0 0 100%;
                }
            }
            /*Site Header*/
            
            @media (min-width: 768px) {
                .barra {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
            }
            
            .site-header {
                background-image: url(../img/banner.jpg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                height: 60rem;
            }
            
            .site-header a {
                text-decoration: none;
                color: white;
            }
            
            .site-header h1 {
                text-align: center;
                font-weight: 400;
            }
            
            .site-header span {
                font-weight: 700;
            }
            /*Navegacion*/
            
            .navegacion a {
                text-align: center;
                display: block;
                font-size: 1.8rem;
            }
            
            @media (min-width: 768px) {
                .navegacion a {
                    display: inline;
                    margin-right: 2rem;
                }
                .navegacion a:last-of-type {
                    margin: 0;
                }
            }
            
            .navegacion a:hover {
                color: #784d3c;
                font-weight: 700;
            }
            
            .texto-header {
                color: white;
                text-align: center;
                margin-top: 5rem;
            }
            
            @media (min-width: 768px) {
                .texto-header {
                    margin-top: 15rem;
                }
            }
            
            .texto-header p {
                font-size: 2.2rem;
            }
            /*Contenido principal*/
            
            .contenido-principal {
                display: flex;
                flex-wrap: wrap;
            }
            
            .blog,
            .cursos {
                flex: 0 0 100%;
            }
            
            .cursos {
                order: -1;
            }
            
            @media (min-width: 768px) {
                .contenido-principal {
                    justify-content: space-between;
                }
                .blog {
                    flex-basis: calc(66.6%);
                }
                .cursos {
                    flex-basis: calc(33.3% - 4rem);
                    order: 2;
                }
            }
            
            .entrada-blog {
                margin-bottom: 2rem;
                border-bottom: 1px solid #e1e1e1;
            }
            
            .entrada-blog:last-of-type {
                border: 0;
            }
            
            .cursos-lista {
                padding: 0;
                list-style: none;
            }
            
            .curso {
                margin-bottom: 2rem;
                border-bottom: 1px solid #e1e1e1;
            }
            
            .curso:last-of-type {
                border: 0;
            }
            
            .curso p {
                font-family: 'PT Sans', sans-serif;
                font-weight: 700;
                font-size: 2rem;
            }
            
            .curso p.fw400 {
                font-weight: 400;
            }
            
            .curso span {
                font-weight: 400;
            }
            
            .site-footer {
                background-color: black;
                padding: 3rem;
                margin-top: 4rem;
            }
            
            .site-footer h1 {
                font-family: 'PT Sans', sans-serif;
                font-weight: 400;
            }
            
            .site-footer span {
                font-weight: 700;
            }
            
            .site-footer a {
                text-decoration: none;
                color: white;
                text-align: center;
            }
            /*Contacto*/
            
            .formulario-contacto {
                background-color: white;
                padding: 5rem;
            }
            
            @media (min-width: 768px) {
                .formulario-contacto {
                    margin-top: -10rem;
                }
            }
            
            .formulario-contacto .campo {
                display: flex;
                justify-content: space-between;
                margin-bottom: 2rem;
            }
            
            .formulario-contacto .campo label {
                flex: 0 0 8rem;
            }
            
            .formulario-contacto .campo input:not([type="submit"]),
            .formulario-contacto textarea {
                flex: 1;
                border: 1px solid #e1e1e1;
                padding: 1rem;
            }
            
            .formulario-contacto .campo textarea {
                height: 20rem;
            }
            
            .formulario-contacto .enviar {
                display: flex;
                justify-content: flex-end;
            }