* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #272b37;
}

nav>.logo {
    display: block;
    height: 90px;
    width: 120px;
    margin: 0 120px;
    align-self: flex-start;
    background: #242424 url(/assets/logo.png) top center no-repeat / contain;
    z-index: 6;
    transition: background 200ms;
}

nav>.logo:hover {
    background-color: #1a1915;
}

nav>.logo .wing {
    pointer-events: none;
}

nav>.logo .wing::before {
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 120px 30px 0;
    border-color: transparent #242424 transparent transparent;
    position: relative;
    left: -120px;
    top: 60px;
}

nav>.logo .wing::after {
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 120px 0 0;
    border-color: #242424 transparent transparent transparent;
    position: relative;
    right: -120px;
    top: 30px;
}

h1 {
    font-size: 3em;

    font-weight: lighter;
    white-space: nowrap;
    color: white;
}

h2 {
    font-size: 2em;

    font-weight: lighter;
    color: white;
}

h4 {
    margin: 0.8em 0;
    font-size: 1.6em;

    font-weight: lighter;
    color: white;
}

h5 {
    font-size: 1.1em;
    
    font-weight: lighter;
    color: white;
}

h6 {
    font-size: 1.05em;

    font-weight: lighter;
    color: #fff;
}

p {
    color: #928f8f;
    font-size: 1em;

}

header {
    background: #685951 url(/assets/splash.jpg) center center / cover;
    position: relative;
    min-height: 300px;
}

main {
    margin-top:3em;
    max-width: 1600px;
    margin: 0 auto;
}

section {
    position: relative;
}

main section {
    min-height: 520px;
    margin-top: 4px;
    padding: 60px;
}

section#footer {
    display: flex;
    margin: 0 20%;
}

section#footer a {
    display: inline-block;
    border: none;
    background: transparent;
}

section#footer>div {
    flex: 1 1 0;
    padding: 40px 80px;
}

section#footer>div:first-of-type {
    text-align: center;
}

section#legal {
    padding: 20px;
    font-size: 0.8em;
    text-align: center;
    color: white;
}

footer {
    border-top: 1px solid #46484d;
    background: #000;
    position: relative;
}

footer section {
    max-width: 1600px;
    margin: 0 auto;
}

footer::before {
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    display: block;
    height: 14px;
    content: ' ';
    z-index: 1;
    background: transparent url(/assets/divider.png) center center repeat-x;
    image-rendering: pixelated;
    background-size: 1600px;
}