body {}
*, ::before, ::after {
   box-sizing: inherit;
}
a, a:link, a:visited, a:hover, a:active {
   color: #000;
   text-decoration: none;
}
body {
   background: #5cb4d1;
background: linear-gradient(25deg, rgba(92, 180, 209, 1) 0%, rgba(173, 185, 153, 1) 66%, rgba(230, 181, 76, 1) 100%);
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
   color: #000;
   padding-top: 3vh;
   box-sizing: border-box;
   width: calc(100%-40px);
   height: 100%;
   line-height: 130%;
   overflow-y: scroll;
   overflow-x: hidden;
   font-size: 18px;
}
header {
   text-align: center;
   text-transform: uppercase;
   font-weight: bolder;
   letter-spacing: 0.3rem;
   width: 90vw;
   max-width: 800px;
   margin: auto;
   margin-bottom: 8vh;
}
.index header h1 {
   line-height: 100%;
   font-size: 5rem
}
header img {
   max-width: 100px;
   height: auto;
}
.index header img {
   max-width: inherit;
   height: auto;
}
header h1 {
   line-height: 100%;
   font-size: 3rem
}
header h2 {
   line-height: 140%;
}
nav {
   width: 90vw;
   max-width: 800px;
   margin: auto;
}
main {
   width: 90vw;
   max-width: 800px;
   margin: auto;
}
article {}
section {}
aside {}
footer {
   width: 90vw;
   max-width: 800px;
   margin: auto;
   margin-top: 8vh;
}

@media only screen and (max-width: 800px) {
header h1 {
   line-height: 100%;
   font-size: 4rem;
   hyphens: auto
}
header h2 {
   line-height: 140%;
   letter-spacing: normal
}
}