* {box-sizing: border-box; margin: 0; padding: 0;
  box-sizing: border-box;
  vertical-align: bottom;
  margin: 0;
  padding: 0;}
@font-face {
    font-family : AlexBrush-Regular;
    src: url(../fonts/AlexBrush-Regular.ttf);
}
a {color: #fff; font-style: normal; text-decoration: none;}
body {font-family: sans-serif; color: #494949; background-color: #B3DBED; max-width: 600px; margin: 0 auto; padding: 6px 0;}
nav, footer {display: flex; justify-content:space-between;}
header {}
body > p {text-align: center; color: #256481;}
body > p:first-of-type {color: #fff; font-size: 40px; font-family : AlexBrush-Regular;}
body > p:last-of-type {color: #494949; letter-spacing: 3px;}
nav {border-top: 1px solid #fff; margin-top: 6px; padding-top: 24px;}
nav a {display: inline-block;}
nav a:hover, nav .active {color: #1d6687;}
nav label, nav input {display: none;}
main img {display: block; margin: 0 auto; margin-top: 32px; border: 5px solid #fff; max-width: 100%;}
.full {border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 8px 0;}
main, aside, footer {margin-top: 64px;}
main p, aside p {margin-top: 16px; text-align: justify; hyphens: auto; line-height: 26px;}
h1, h2:not(section h2) {border-bottom: 1px solid;}
aside p {color: #256481; font-size: 12px; font-weight: bold;}
aside ul li {list-style: none;}
footer { border-top: 1px solid #fff; padding: 12px 0;}
footer p, aside ul li:not(a) {color: #256481; font-style : italic;}
footer a {color: #494949}
section:first-of-type {margin-top: 64px;}
section:not(:first-of-type) {border-top: 1px solid #256481; padding: 16px 0; margin-top: 16px;}
section h2 {font-size: 20px;}
h2 a span {display: inline-block; width: 75%; text-align: left; color: #256481;}
h2 a small {display: inline-block; width: 25%; text-align: center; color: #fff; font-size: 12px; line-height: 24px; background-color: #256481;}
section header p, article header p {margin-top: 0; line-height: 16px; font-size: 12px;}
time {display: block; font-size: 12px; margin-top: 6px; margin-bottom: 12px; clear: both;}
h1 + time {margin-top: 32px; margin-bottom: 0;}
section > p {font-style: italic;}
aside p:first-of-type {border-bottom: 1px solid;}
form > p, form + p {margin-top: 64px; border-bottom: 1px solid; font-weight: bold;}
fieldset {border: none;}
label, p + small {display: block; margin-top: 32px;}
input, textarea {display: block; width: 100%; margin-top: 6px;}
input[type="submit"] {border: 0; color: #fff; background-color: #256481; line-height: 24px; font-weight: bold; width: 60px; float: right; cursor: pointer;}
menu {list-style: none;}
menu li {border-left: 2px solid; padding-left: 6px; color: #256481; margin-top: 24px;}*
menu span, menu small {font-weight: bold;}
ul {padding: 1rem;}
li {margin-top: 1rem;}

@media screen and (max-width: 600px) {
  body {width: 100%; padding: 12px;}
  footer {display: block; text-align: center;}
  footer a {display: inline-block; margin-top: 12px;}
  input[type="submit"] {float: none; margin: 0 auto; margin-top: 24px;}
}