@media screen and (max-width: 1366px) and (max-height: 1919px) {
body { 
  width: 1366px;
  height: 768px;
}
}

* {
    margin: 0;
    padding: 0;
    font-family: Bodoni, Arial, sans-serif;
    list-style-type: none;
  }
@font-face {
font-family: neons;
src: url("../fonts/neons.otf")
}

@font-face {
font-family: europe;
src: url("../fonts/europe.ttf")
}

@font-face {
font-family: heptaslab;
src: url("../fonts/heptaslab.ttf")
}

  html {
    scroll-behavior: smooth;
  }

  section {
    width: 78vw;
    height: 35vh;
   
  }
  footer {
    width: 78vw;
    height: 15vh;
    padding: 2vh 20vw 0 2vw;
  }

    header {
    width: 78vw;
    height: 30vh;
    padding: 2vh 20vw 0 2vw;
  }

    h1 {font-family: heptaslap;
      font-size: 27pt;
      font-weight: normal;
      text-align: center;
      color: black;
      margin-top: 3%;}

      h6 {
        font-size: 11pt;
        font-weight: normal;
        color: white;}

        p {
        font-size: 13pt;
        font-weight: normal;
        color: black;
        }

      

      h4{font-family: heptaslab, bold;
        font-size: 14pt;
        color: #4d1a00;

      }
      a { text-decoration: none }

      h4:hover { font-family: "neons";
  color: orange;
  font-size:  14pt;
  text-align: left;

}
h2{ font-size: 13pt;
        font-weight: normal;
        color: black;
        text-align: center;
      margin-left: 10%;}

      div {
      
  display: inline-block;
  float: left;
  margin-top: 3vh;
  border: 2px; 
  padding: 6px;
  margin-left: 3%;
  }
figure {
  margin-top: 0vh auto;
}



footer {background-color: #4d1a00;
    width: 78vw;
    height: 13vh;
    float: left;
    }