nav {
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    align-content : center;
}

nav a {    
    color : white;
    background : #1B5E83;
    text-decoration : none;        
    padding : .5em;
    border-radius : .3em;
}

nav a:hover {
    background : Grey;
}

#logo {
    flex : 0 0 auto;
    margin-right : 1em;
}

nav li {    
    padding : 1em .5em 1em .5em;      
    flex : 0 0 auto;    
}

nav ul {
    list-style-type : none;    
    margin : 2em 0 1em 0;
    padding : 0px;
    color : white;
    /* background : #1B5E83; */
    height : 4em;    
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-items : flex-end;
    align-content : center;
}

#contacto {
    color : white;
    background : #1B5E83;    
    margin-top : 3em;
    text-align : center;
    padding-top : 1em;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
}

#contacto-box {    
    background-color : #1B5E83;
    background-image : none;    
    width : 100%;
    margin : 0px; 
    padding-top : 3em;
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-items : flex-end;
    align-content : center;
}

.caja-contacto {   
    flex : 0 1 auto;
    font-size : .9em;
    width : 15em;
    height : 18em;
    color : DarkSlateGrey;
    background : white;
    padding : 3em;    
}

.link-caja-contacto {
    font-weight : bold;
    font-size : 1em;
    text-decoration : none;
    color : black;
    padding : .5em;
    border-radius : .3em;
}

.link-caja-contacto:hover {
    background : DarkSlateGray;
    color : white;
}