/* for mobile and tablet devices*/
@media screen and (max-width: 640px) {
    header nav .navigation {
        display: block;
        text-align: center;
    }
    header > h1, .site-title {
        overflow: hidden;
    }
    #wrap, footer {
        padding: 0px 16px;
    }
}
@media screen and (max-width: 896px) {
    .texto-portada {
	max-width: unset  !important;
        margin-left: unset !important;
    }
}
/* end for mobile and tablet devices*/
.site-title img {
    max-height: 92px;
    max-width: unset;
}
header nav li {
        display: block;
        margin: 6px;
}

.texto-portada {
	max-width: 60%;
        text-align: justify;
        margin-left: 4em;
}