body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    font-family: arial, sans-serif;
}

h1 {
    margin: 1em 0 0 0;
    line-height: 1em;
    font-weight: 100;
    font-size: 2em;
}

h2 {
    margin: .5em 0;
    font-weight: 800;
}

h3 {
    margin: 0;
}

p {
    margin: 0 0 1em 0;
}

body section {
    margin: 1em;
}

body section>div:not(.description),
body section>div>div {
    display: flex;
    justify-content: center;
    text-align: center;
}

body section>div>div {
    display: flex;
    justify-content: center;
    text-align: center;
}

.banner {
    display: none;
}

.description {
    display: none;
}

.frame {
    display: block;
}

img#logo {
    width: calc(1200px / 7);
    height: calc(910px / 7);
    margin: 1em;
    object-fit: contain;
}


img#banner {
    margin: 1em;
    width: 100%;
    height: 100%;
    max-width: 843px;
}

@media screen and (max-width: 1000px) {
    body section>div {
    font-size: .8em;
    }
}