@media (min-width:768px) {
            .barra {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
        }
        
        .site-header {
            background-image: url(../img/a_liviana_portada_2.jpeg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            height: 60rem;
        }
        
        .site-header-team {
            background-image: url(../img/a_liviana_partners_1.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            height: 50rem;
        }
        
        .site-header-about {
            background-image: url(../img/a_liviana_8.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            height: 50rem;
        }
        
        .site-header-practicas {
            background-image: url(../img/a_liviana_IMG_2324.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            height: 50rem;
        }
        
        .site-header-oficina {
            background-image: url(../img/a_liviana_w_3.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            height: 50rem;
        }
        
        .site-header a {
            color: #ffffff;
            text-decoration: none;
        }
        
        .site-header-about a {
            color: #ffffff;
            text-decoration: none;
        }
        
        .site-header-team a {
            color: #ffffff;
            text-decoration: none;
        }
        
        .site-header-practicas a {
            color: #ffffff;
            text-decoration: none;
        }
        
        .site-header-oficina a {
            color: #ffffff;
            text-decoration: none;
        }
        /*Originalmente era h2 */
        
        .site-header h1 {
            text-align: center;
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
            color: #ffffff;
        }
        /*Originalmente era h2 */
        
        .site-header-about h1 {
            text-align: center;
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
            color: #ffffff;
        }
        /*Originalmente era h2 */
        
        .site-header-team h1 {
            text-align: center;
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
            color: #ffffff;
        }
        /*Originalmente era h2 */
        
        .site-header-practicas h1 {
            text-align: center;
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
            color: #ffffff;
        }
        /*Originalmente era h2 */
        
        .site-header-oficina h1 {
            text-align: center;
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
            color: #ffffff;
        }
        /*Originalmente era h1 */
        
        .site-header h5 span {
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
        }
        /*Originalmente era h1 */
        
        .site-header-about h5 span {
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
        }
        /*Originalmente era h1 */
        
        .site-header-team h5 span {
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
        }
        /*Originalmente era h1 */
        
        .site-header-practicas h5 span {
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
        }
        /*Originalmente era h2 */
        
        .site-header h1 {
            color: #ffffff;
            font-family: 'Times New Roman', Times, serif;
        }
        
        .site-header .headerd {
            font-size: 3.4rem;
            letter-spacing: -1px;
        }
        
        .site-header-about .headerd {
            font-size: 3.4rem;
            letter-spacing: -6px;
        }
        
        .site-header-oficina .headerd {
            font-size: 3.4rem;
            letter-spacing: -6px;
        }
        
        .site-header-practicas .headerd {
            font-size: 3.4rem;
            letter-spacing: -6px;
        }
        
        .site-header-team .headerd {
            font-size: 3.4rem;
            letter-spacing: -6px;
        }
        
        .site-header .headera {
            font-size: 3.4rem;
            letter-spacing: -1px;
        }
        
        .site-header-about .headera {
            font-size: 3.4rem;
            letter-spacing: -1px;
        }
        
        .site-header-oficina .headera {
            font-size: 3.4rem;
            letter-spacing: -1px;
        }
        
        .site-header-practicas .headera {
            font-size: 3.4rem;
            letter-spacing: -1px;
        }
        
        .site-header-team .headera {
            font-size: 3.4rem;
            letter-spacing: -1px;
        }
        
        .navegacion a {
            text-align: center;
            display: block;
            font-size: 1.5rem;
            color: #ffffff;
            text-decoration: none;
            font-family: 'Times New Roman', Times, serif;
        }
        
        @media (min-width:768px) {
            .navegacion a {
                display: inline;
                margin-right: 2rem;
            }
            .navegacion a:last-of-type {
                margin: 0;
            }
        }
        
        .texto-header {
            /*color: #608492;*/
            color: #ffffff;
            text-align: left;
            margin-top: 5rem;
        }
        
        @media (min-width:768px) {
            .texto-header {
                margin-top: 15rem;
            }
        }
        
        .texto-header h3 {
            font-size: 3.2rem;
            text-align: left;
            color: #b7dbf3;
        }
        
        .contenido-principal {
            display: flex;
            flex-wrap: wrap;
        }
        
        @media (min-width:768px) {
            .contenido-principal {
                justify-content: space-between;
            }
        }
        
        .blog,
        .cursos {
            flex: 0 0 100%;
        }
        
        .cursos {
            order: -1;
        }
        
        @media (min-width:768px) {
            .blog {
                flex-basis: 66.6%;
                order: -1;
            }
            .cursos {
                flex-basis: calc(33.3% - 4rem);
                order: 2;
            }
        }
        
        .entrada-blog {
            display: flex;
            justify-content: space-between;
            margin-bottom: 2rem;
            border-bottom: 1px solid #e1e1e1;
        }
        
        .entrada-blog:last-of-type {
            border: none;
        }
        
        .entrada-blog .imagen {
            flex: 0 0 40%;
        }
        
        .entrada-blog .contenido-blog {
            flex: 0 0 calc(60% - 2rem);
        }
        
        .cursos-lista {
            padding: 0;
            list-style: none;
        }
        
        .curso {
            padding-top: 3rem;
            padding-bottom: 3rem;
            border-bottom: 1px solid #e1e1e1;
        }
        
        .curso:last-of-type {
            border: none;
        }
        
        .curso p {
            font-family: 'PT Sans', sans-serif;
            font-weight: 700;
            font-size: 2rem;
        }
        
        .curso p span,
        .curso p.descripcion {
            font-weight: 400;
        }
        
        .site-footer {
            background-color: #4040bf;
            padding: 3rem;
            margin-top: 1rem;
            opacity: 1;
            line-height: 1.5rem;
        }
        
        .site-footer a {
            color: #ffffff;
            font-family: 'Times New Roman', Times, serif;
            font-size: 1.5rem;
            text-align: center;
        }
        
        .site-footer ol {
            color: #ffffff;
            font-family: 'Times New Roman', Times, serif;
            font-size: 1.5rem;
            text-align: center;
        }
        /*Originalmente era h1 */
        
        .site-header h5 span {
            font-weight: 400;
            font-family: 'Times New Roman', Times, serif;
            color: #ffffff;
            font-size: 2rem;
            line-height: 1.5rem;
        }
        
        .site-footer p {
            color: #ffffff;
            font-size: 2rem;
            font-weight: 400;
            /*   font-family: 'PT Sans', sans-serif;*/
            text-align: center;
            font-family: 'Times New Roman', Times, serif;
            line-height: 1.5rem;
        }
        
        .site-footer p span {
            font-weight: 400;
            color: #ffffff;
            font-family: 'Times New Roman', Times, serif;
            text-align: center;
            line-height: 1.5rem;
            font-size: 2rem;
        }
        
        .site-footer .footerd {
            font-size: 2.7rem;
            letter-spacing: -5px;
        }
        
        .site-footer .footera {
            font-size: 2.7rem;
            letter-spacing: -1px;
        }
        
        .site-footer .italic {
            font-style: italic;
            font-size: 1.5rem;
        }
        
        .icono {
            width: 10%;
            height: 5rem;
        }
        
        .icono1 {
            width: 6%;
            height: 5rem;
        }
        
        .icono2 {
            width: 3%;
            height: 5rem;
        }
        
        .formulario-contacto {
            background-color: #ffffff;
            padding: 5rem;
            margin: 0 auto;
            border: 1px solid #ffffff;
        }
        
        @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 #e5a67b;
            padding: 1rem;
        }
        
        .formulario-contacto textarea {
            height: 20rem;
            resize: vertical;
        }
        
        .formulario-contacto .enviar {
            display: flex;
            justify-content: flex-end;
        }
        
        .icono {
            width: 15%;
            height: 5rem;
        }
        
        .icono1 {
            width: 8%;
            height: 5rem;
        }
        
        .icono2 {
            width: 6%;
            height: 5rem;
        }
        /* Menu desplegable */
        
        .navegacion .sidenav {
            height: 35%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            right: 0;
            background-color: #b7dbf302;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            border-radius: 0 0 0 1rem;
        }
        
        .navegacion .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 1.8rem;
            color: #ffffff;
            display: block;
            transition: 0.3s;
        }
        
        .navegacion .sidenav a:hover {
            color: #f1f1f1;
        }
        
        .navegacion .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 2rem;
            margin-right: 50px;
        }
        
        .navegacion #main1 {
            transition: margin-right .5s;
            padding: 1.8rem;
        }
        
        @media screen and (max-height: 450px) {
            .sidenav {
                padding-top: 15px;
            }
            .sidenav a {
                font-size: 1.8rem;
            }
            /* centrar el pie de pagina*/
            .site-footer .columnas-3{
                width: 85%;
            }
            .site-footer .no-margin {
            	margin-left: 25%; 
            	text-align: center;
            }
            
        }
        
        @media (max-width: 768px) {
            .texto-header {
                /*color: #608492;*/
                color: #ffffff;
                text-align: left;
                margin-top: 5rem;
            }
            .site-header {
                background-image: url(../img/a_liviana_portada_2.jpeg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                height: 60rem;
            }
            .site-header-team {
                background-image: url(../img/a_liviana_partners_1.jpg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                height: 50rem;
            }
            .site-header-about {
                background-image: url(../img/a_liviana_8.jpg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                height: 50rem;
            }
            .site-header-practicas {
                background-image: url(../img/a_liviana_IMG_2324.jpg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                height: 50rem;
            }
            .site-header-oficina {
                background-image: url(../img/a_liviana_w_3.jpg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                height: 50rem;
            }
              /* centrar el pie de pagina*/
            .site-footer .columnas-3{
                width: 80%;
            }
            .site-footer .no-margin {
            	margin-left: 35%; 
            	text-align: center;
            	/*line-height: 1.5rem;*/
            }


            /* fin de centrar el pie de pagina*/
            .site-footer a {
                color: #ffffff;
                font-family: 'Times New Roman', Times, serif;
                font-size: 1.5rem;
                text-align: center;
            }
            .site-footer p span {
                font-weight: 400;
                color: #ffffff;
                font-family: 'Times New Roman', Times, serif;                
                line-height: 1.5rem;
                font-size: 2rem;
                text-align: center;
            }
        }