@charset "utf-8";
/* CSS Document */
* {
   box-sizing: border-box;
}
@media only screen and (min-width: 1px) {
   .size-1 { width: 98%; }
   .size-2 { width: 98%; }
}
@media only screen and (min-width: 768px) {
   .size-1 { width: 64.6%; }
   .size-2 { width: 31.3%; }
}
[class *= "size-"] {
   float: left;
   margin: 0.5%;
}
section::after {
   content: "";
   clear: both;
   display: block;
}
body {
   max-width: 1400px;
   margin: 0 auto;
   background-color: white;
   font-family: Verdana, Helvetica, sans-serif;
}
header {
   background-color: white;
   border: 1px solid black;
   padding: 8px;
}
nav {
   background-color: #006983;
   padding: 8px;
}
section {
   background-color: white;
   border: 1px solid black;
   padding: 10px;
}
article {
   background-color: white;
   border: 1px solid black;
   padding: 8px;
}
footer {
   background-color: #006983;
   color: white;
   padding: 8px;
}
header img {
   width: 40%;
}
nav a:link,
nav a:visited {
   text-decoration: none;
   color: white;
   padding: 0 5px;
}
nav a:hover {
   text-decoration: none;
   background-color: white;
   color: #006983;
}
article h1 {
   color: #006983;
}
article h2 {
   font-size: 20px;
}
article h3 {
   font-size: 16px;
}
article img {
   width: 90%;
}