@charset "utf-8";

*{
box-sizing :border-box;
}

body{
    background-color: white;
}
#pagina {
    width: 100%;
}
header {
    background-color: #579bbe;
    color:white;
    height: 3.5em;
    font-family: sans-serif;
    padding: 1em;
    text-align: center;
    font-size: 4em;
    font-weight: bold;
}
nav {
    background-color: #7FC5AA;
    margin:auto;
    text-align: center;
}
nav ul { 
    list-style: none; 
    margin: 0em; 
    padding: 0em;
}
   
nav ul li { 
    display: inline-block;
    padding: 0 3em;
    }
        
nav ul li a {
    display:block;
    background-color:#7FC5AA ;
    color: white;
    padding:  2em;
    text-decoration: none;
    line-height: 0.5em;
    font-family: sans-serif;
    font-size:1.5em;
    height: 3em;
    text-align: center;
    
}
    
nav ul li a:hover { 
    background-color: #7FC5AA;
    color:white;
    font-weight: bold;
}
h1 {
    color:  #7FC5AA ;
    font-family: sans-serif;
    padding: 1em 1em;
  
  text-align: center;
    font-size: 2em;
}

#fotos {
margin-left: 25%

}

footer {
    background-color: #579bbe ;
    color: black;
    padding: 1em;
    margin: 1em;
    font-family: sans-serif;
  text-align: center;
    clear: both;
}

@media screen and (max-width:60em) {

    nav{
        font-size: 0.5em;
    }
    header {
    font-size: 2em;
    }
}