* {

    padding: 2%;
    box-sizing: border-box;
    font-family: "fira sans", sans-serif;
}



ul {
    list-style: none;
}
   
header {
    background-color: #0773A3;
}



nav {
      max-height: auto;
      max-width: 100%;
      flex-direction: row;
      justify-content: space-around; 
      align-items: center;
      list-style: none;

}

    nav ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
}

    nav ul li {
        color: black;
        padding: 1em;
        height: 5em;
        display: flex;
        justify-content: space-around;
        align-items: center;
}

    nav ul li a {     
        color: white;
        text-decoration: none;
}

img {
    max-height: auto;
    max-width: 100%;
}


    h1 {
        color:white;
        background-color: #89C9D9;
        
}

    h2 {
        color:white;
        background-color: #89C9D9;
}

    h3 {
        color: #0773A3;
        list-style: none;
        
}

    h4 {
        list-style: none;
        display:flex;
}

#foto {
    margin-left:  1vw;
    margin-right: 1vw;
    display: flex;
    justify-content: center;
    
  
}


footer {
    font-size: 8pt;
    font: bold;
    background-color: #A0C576;
}

#logo {
    height: 2.3em;
    
}