/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */
@media (max-width: 600px) {
  footer, .footer-icons {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-icons {padding-top: 75px;}
}

h1 { font-family: "Almendra Display", serif;
      font-size: 60px;
      color: #000033;
      text-align: center;
      }

h2 { font-family: "Almendra Display", serif;
      font-size: 35px;
      color: #000033;
      text-align: center;
      }
h3 { font-family: "Junge", serif;
      font-variant: small-caps;
      font-size: 20px;
      color: #000033;
      }
      
p {   font-family: "Junge", serif;
      font-size: 16px;
      color: #000033;
      }   
  
/* unvisited link */
a:link {
  color: #FFFF99;
}

/* visited link */
a:visited {
  color: #FFCC00;
}

/* mouse over link */
a:hover {
  color: white;
}  

header {
        margin: auto;
        display: flex;
        justify-content: center;
      }

footer {
        margin: auto;
        width: 50%;
        padding-top: 25px;
        display: flex;
        justify-content: center;
      }
  
.footer {   
      font-family: "Junge", serif;
      font-size: 12px;
      color: #FFCCCC;
      margin: inherit;
      padding: 5px;
      text-align: center;
      }    
      
.footer-icons    {
      margin: auto;
      width: 50%;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
    }