@media (orientation: landscape) {
  div#main {
    width: 98vh ;
    margin: auto ;
  }
  div#header, div#footer {
    width: 100% ;
  }
}

@media (orientation: portrait) {
  div#main {
    width: 98vw ;
  }
  div#header, div#footer {
    width: 100% ;
  }
}

/* Applies to entire page */

body {
  font-family: Verdana, sans-serif;
  margin: auto ;
  text-align: left ;
}

div#header {
  font-family: Verdana, sans-serif;
  font-size: 2.5em ;
  margin: auto ;
  font-weight: bold;
  text-align: center;
  padding: 2vh;
}
}