@import url("main.css");

header {padding: 8px 0px 8px 0px;list-style-type: none;margin:0;background-color: #dfefff;position: fixed;width: 100%;height: auto; overflow: auto;font-weight: normal;text-align: center}



nav {top:30px; list-style-type: none;margin:0 0 0 0;background-color:#f1f1f1;position: fixed;width: 100%;height: auto; overflow: auto;font-weight: bold}
nav a:focus {background-color: #1f5fff; color: white}
article iframe {height:800px;width:100%;border:none;}


nav a {display: block;color:#000;float: left;padding: 8px; text-decoration: none;}
article {margin-left: 0;padding-top:75px;padding-left:8px;}



@media screen and (max-width: 400px) {
  nav a {text-align: center;float: left;}
  body {font-size: 12px;}
  article iframe {height:400px;}
}

@media screen and (max-height: 400px) {
  nav a {text-align: center;float: left;}
  body {font-size: 12px;}
  article iframe {height:400px;}
}



footer {background-color: #f1f1f1;text-align: center;position: fixed;bottom:0;width: 100%;padding:0;font-weight: bold;list-style-type: none;height: auto; overflow: auto;}
footer a {display: block;color:#000;float: left;padding: 8px; text-decoration: none;}
footer a:focus {background-color: #1f5fff; color: white}