body {
    background-color: white;
    font-family: 'Overpass', sans-serif;
    color: black;
    margin:1em;
    padding: 1em; 
}

/*pantalla principal*/

.menu {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 2em;
    font-size: 1em;
    background-color:#23bcef;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 0.5em;
    max-width: 80%;
    margin: auto;
   
}

a.menu1{
    text-decoration: none;
    text-transform: uppercase;	
    font-size: 0.8em;
    color: white;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    
}

.webapp{
    text-align: center;
    font-size: 0.em;
    margin: auto;
    max-width: 80%;
}

h1{
    font-size:1.5em;
    margin: 1em 0em 0em 0em; 
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

h2{
    font-size: 1.2em;
    margin: 2em 0em 0.4em 0em;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.integrantes ul{
    justify-content: center;
    align-content: center;
    align-items:center;
    max-width: 20%;
    margin-left: auto;
    margin-right: auto;
    background-color:#23bcef;
    border-radius: 0.5em;
    font-size: 1.1em;
}

a.alumnas{
    text-decoration: none;
    text-transform: uppercase;	
    color: white;
    max-width: 100%;
    font-size: 0.8em;
}

.informacion1{
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

h3{
    font-size: 1.2em;
    margin: 2.5em 0em 0.5em 0em;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.infoacademica{
    font-size: 1em;
    line-height: 0.6em;
}

p{
    max-width: 100%;
    font-size: 0.8em;
    line-height: 0.5m;
}

p.info{
    color:white;
}

.facultad{
    margin:auto;
    background-color:#99A8B4;
    border-radius: 0.5em;
    padding: 1em 1em 1em 1em;
    line-height: 0.5em;
    font-size: 0.8em;
    max-width: 70%;
    flex-direction: row;
}

a.logos{
    text-decoration: none;
    text-transform: uppercase;	
    font-size: 0.8em;
    color: white;
    vertical-align: top;
    max-width: 20%;	
}

.informacion{
    margin-bottom: 2em;
    
}

.logouba{
    max-height: 70px;
    padding-bottom: 0.3em;
}

.logofadu{
    max-height: 120px;
    padding-bottom: 0.3em;
    margin: auto;
    margin-left: -6em;
}

.logodgpc{
    max-height: 100px;
    padding-bottom: 0.3em;
}

.obligatorio{
    font-style:italic;
    text-align:center;
    font-size: 0.8em;
    padding-top: 3em;
    margin: auto;
    max-width: 70em;
}


/*pantalla plan*/

.logo{
   justify-content: center;
    display: flex;
    list-style: none;
    min-height: 30vh;
    align-items: center; 
    margin-top: 2em;
    margin-bottom: 2em;
}

.parrafo{
    font-family: 'Poppins', sans-serif;
    background-color:#23bcef;
    color: black;
    text-align: center;
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9em;
    border-radius: 0.5em;
    padding: 0.5em;
    justify-content:flex-start;
    max-width: 50%;
    
}

h4.parrafo{
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
}

.texto p{
    margin: -1em 1em 0em 1em;
    text-align: center;
    font-size: 0.8em;
    margin: auto;
    max-width: 50%;
}


/*pantalla mapa*/

.mapa img{
    justify-content: center;
    width:70%; 
    margin:auto;
    margin-bottom: 6em;
    margin-top: 2em;
    display: block;

}

.pantallas{
    justify-content: space-between;
    margin-left: 6em;
    max-width: 100%;
}

.pantallas img{
    justify-content: center;
    width:15em; 
    height:em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
}


/*media index*/

@media (max-width: 35em){
    
    .menu{
        font-size: 1em;
        max-width: 100%;
    }
    
    h1{
        text-align: center;
    }
   
    .webapp{
        max-width: 100%;
        text-align:center;
        font-size: 0.9em;
        margin-top: 0.7em;
    }
    
    p{
    line-height:1.5em;
    }
    
    .logofadu{
        margin: auto;
        margin-left: -6em;
    }
    
    .facultad{
        max-width: 100%;
    
    }
    
    .integrantes ul{
        max-width: 100%;
    }
    
    .obligatorio{
        font-size: 0.6em;
    }
    
    
     img.logogrande{
       max-width: 100%;
}
    
    .parrafo{
        max-width: 80%;
    }
    
    h4.parrafo{
        font-size: 0.9em;
    }
    
    .texto p{
        max-width: 80%;
    }
    
    .obligatorio{
        font-size: 0.6em;
        max-width: 90%;
        margin-top: 2em;
    }
    
    .mapa img{
        width: 200%;
    }
    
    .pantallas{
        margin: auto;
        margin-left:1.6em;
        
    }
}

@media (min-width: 50em){
    
    ul{
        max-width: 20%;
        
    }
    

}

@media (min-width: 75em){
    
    ul{
        max-width: 20%;
    }
    
}

.mapa img{
    justify-content: center;
    width:70%; 
    margin:auto;
    margin-bottom: 6em;
    margin-top: 2em;
    display: block;

}


.fotopanel{
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 20em;
    

}