#seccion1{
    width: 100%;
    height: 100vh;
}
#header{
    width: 100%;
    height: 5vh;
    display: flex;
    background: #011d4c;
}
#idioma{
    width: 50%;
    height: 100%;
    display: flex;
}
#idioma div{
    display: flex;
    margin: 0px auto;
}
#idioma div a{
    color: #fff;
    font-style: oblique;
    font-weight: 700;
    text-decoration: none;
    margin: 0px 5px;
}
#idioma div a p{
    color: rgb(255,255,255);
}
#redes{
    width: 50%;
    height: 100%;
}
#redes div{
    margin: 0px auto;
}
#redes div span{
    font-size: 30px;
    color: #ffffff;
}
.head_content{
    padding: 10px 0px;
    display: flex;
    width: 100%;
    height: 12vh;
}
.logo1, .logo2{
    width: 20%;
    text-align: center;
}
.logo1 a img{
    width: 20%;
}
.logo2 a img{
    width: 40%;
}
.nombre{
    width: 60%;
    text-align: center;
}
.texto1, .texto2{
    width: 100%;
    height: 6vh;
    text-align: center;
}
.texto1 h2{
    font-style: italic;
    color: #000;
    font-size: 35px;
}
.texto2 p{
    font-style: italic;
    color: #000;
    font-size: 25px;
}
.campus{
    width: 100%;
    height: 71vh;
    display: flex;
}
.campus1{
    width: 50%;
    height: 100%;
    padding: 15px;
    text-align: center;
    font-weight: 700;
}
.campus1 a{
    text-decoration: none;
    color: #000;
}
.campus1:hover{
    background: #0000006e;
    border-radius: 10px;
}
.campus1 img{
    width: 70%;
}

@media screen and (max-width: 991px){
    .logo1, .logo2{
        width: 13%;
    }
    .logo1 a img{
        width: 100%;
        margin: 5px;
    }
    .logo2 a img{
        width: 100%;
        margin: 7px;
    }
    .nombre{
        width: 70%;
    }
    .nombre h3{
        font-size: 15px;
    }
    .texto1{
        height: auto;
        padding: 5px;
    }
    .texto1 h2{
        font-size: 20px;
    }
    .campus{
        width: 100%;
        height: auto;
        padding: 10px;
        display: flex;
        display: block;
    }
    .campus1{
        width: 100%;
    }
}