@font-face{font-family:"PlexesLightItalicPro";src:url("../../font/392777_0_0.eot");src:url("../../font/392777_0_0.eot?#iefix") format("embedded-opentype"), url("../../font/392777_0_0.woff2") format("woff2"), url("../../font/392777_0_0.woff") format("woff"), url("../../font/392777_0_0.ttf") format("truetype")}
@font-face{font-family:"PlexesBlackItalicPro";src:url("../../font/392777_1_0.eot");src:url("../../font/392777_1_0.eot?#iefix") format("embedded-opentype"), url("../../font/392777_1_0.woff2") format("woff2"), url("../../font/392777__1_0.woff") format("woff"), url("../../font/392777_1_0.ttf") format("truetype")}
    body {
        width: 100%;
        margin: 0 auto;
        font-family: "PlexesBlackItalicPro", "Arial", sans-serif;
        font-size: 1em;
        color: #fff;
        background-color: #0a0a0a;        
    }
    h1 {
        display: none;
    }
    h2 {
        width: 100%;
        text-align: center;
        margin: 2em 0 1em 0;
    }
    h2:first-of-type {
        margin: 0 0 1em 0;
    }
    img {
        width: 100%;
        height: auto;
    }
    header {
        display: block;
        padding: 2em 0;
        margin: 0 auto;
        width: 100%;
    }
    header img {
        display: flex;
        width: 50%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    ul {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    li:hover {
        background-color: rgba(81, 78, 78, 1);
    }
    li img {
        display: block;
        height: 100%;
        width: auto;
        margin: 0 1em 0 0;
    }
    li a {
        display: flex;
        align-items: stretch;
        background-color: rgba(44, 40, 40, 1);
        padding: 0.5em;
        margin: 0 0 0.5em 0;
        color: #fff;
        text-decoration: none;
        height: 3em;
    }
    li a:hover {
        background-color: rgba(81, 78, 78, 1);
    }
    li span {
        flex: 1;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

@media only screen and (min-width: 580px) {
    body {
        max-width: 33%;
    }
}