@font-face {
  font-family:'Nexa';
  src: url(../fonts/nexa/Nexa-ExtraLight.ttf) format(truetype);
}

@font-face {
  font-family:'Nexa Bold';
  src: url(../fonts/nexa/Nexa-Heavy.ttf) format(truetype);
}

@font-face {
  font-family:'Akira';
  src: url(../fonts/akira_expanded/Akira\ Expanded\ Demo.otf) format(opentype);
}

@font-face {
  font-family:'Integral';
  src: url(../fonts/Integral-CF-Font-Family/Fontspring-DEMO-integralcf-medium.otf) format(truetype);
}


main {
    max-width: 1500px;
    background-color: none;
  }
  section {
    max-width: 1000px;
    margin: 10px auto;
    padding: 0 20px;
    background-color: #8D9998;
    padding-top: 5px;
  }
 
  /* Overrides desktop style when viewport is less than 600px (for smart phones) */
  @media only screen and (max-width: 600px) {
  }

body {
    background-color: #032725;
  }

header {
  padding: 5px;
  background-color: #233837;
}

h1 {
    font-size: 40px;
    text-align: center;
    color: beige;
    font-family: Akira;
    
}

h2, ol, p {
    color:beige;
    font-family: Nexa;
}

h2 {
  font-family: Akira;
}

img {
  max-width: 70%;
  text-align: center;
}