*{
    margin:0;
    padding: 0;
    border:0;
    font-family: 'Poppins', sans-serif;
}
img {
    width: 100%;
}
body{
    background-color: #fad1a9;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column; 
    justify-content: space-between;
}
header{
    background-color: #99c8c2;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between
}

/*menu*/
nav{
    text-align: right;

}
nav a{
    color: white;
    padding: 0.5em;
    border-radius: 1em;
}
nav li{
    list-style: none;
    margin: 0.6em 2em;
}
nav button{
    position: relative;
    z-index: 9999;
    background: none;
    top: -3.5em;
    
}
nav ul{
    background-color: #3A5853;
    padding-top: 50px;
    position: fixed;
    top:0;
    bottom: 0;
    width: 50%;
    left:100%;
    transition: all .5s ease;
    z-index: 9998
}
.visible{
    left:50%
}
#listas{
    display: flex;
    flex-direction: column;
    position: relative;
}
#linkspag{
    display: flex;
    flex-flow: column;
    align-items: flex-end
}
#linkspag a{
    display: flex;
    font-size: 0.9rem;
    align-items: center;
    color: white;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
.linksAlumnes img{
    max-width: 2.5em;
    border-radius: 3em;
    margin-left: 1em
}
.linksAlumnes a{
    display: flex;
    flex-direction: row;
    font-size: 0.9rem;
    align-items: center;
    color: white;
    text-decoration: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

main {
   background-color: f1f3f2;
    margin: 1em;
     display: flex;
    flex-flow: column wrap;
    justify-content: center;
}

h1{color: #2f4643}
h2{color: #3e6054}
h3{color: #3e6054}
p{color: #3e6054}
#titulocomitente {
    color: #ffffff
}
#logos {
    max-width: 8em;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#dgpc {
    width: 100%;
}
#logoMerlo {width: 70%;
    max-width: 18em;
}
#comitente{
    display: flex;
    flex-flow: column wrap;
}
#datosacAcademicos{
   display: flex;
    flex-flow: column wrap;
     
}
#mvpypersona {
    display: flex;
    flex-flow: row wrap;
}
#mvpypersona figure{
    margin: 1em
}
#mvpypersona figure img{
    max-width: 40em
}
footer{
    background-color: #99c8c2;
        padding: 1em;
}
.titulos{
    text-align: center
}
/*responsive*/
@media (min-width:780px){
/*menu*/
#llamamenu {
        display: none;
}
header nav ul {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        width: 100%;
        padding-top: 0;
        background-color: #99c8c2;
        flex-direction: row;
}
header nav ul.visible {
        left: auto;
}
nav li{
    margin: 0.6em;
}
.linksAlumnes {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.linksAlumnes img{
    max-width: 2.5em;
    padding: 0.em;
    border-radius: 2em;
    margin:0 0.5em 0 0;
}
.linksAlumnes li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.linksAlumnes a{
    display: flex;
    flex-direction: row-reverse;
    font-size: 0.9rem;
    align-items: center;
    color: #283B38;
    text-decoration: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}
#linkspag{
    display: flex;
    flex-flow: row;
    align-items: center;
}
#linkspag a{
    padding: 0;
    color: #192623;
    text-decoration-line: underline;
    font-size: 1em;
}