body {
    padding-top: 3em;
}

body {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 736px) {
    body,
    input,
    select,
    textarea {
        font-size: 1em;
    }
}

ul li {
    padding-bottom: 10px;
}

/* Wrapper */

.wrapper {
    padding: 6em 0 6em 0;
}

@media screen and (max-width: 736px) {
    .wrapper {
        padding: 3em 2em 3em 2em;
    }
}

/* Page Wrapper + Menu */

#page-wrapper {
    flex: 1 0 auto;
    padding-top: 0;
}

#header h1 a {
    display: flex;
    align-items: center;
}

#header a img {
    height: 60%;
    margin-right: 5px;
}

#header nav {
    display: flex;
}

#header nav > ul {
    display: flex;
}

#header nav > ul > li > a.menuToggle {
    display: flex;
}

#banner p {
    text-transform: none;
}

#main > header p {
    text-transform: none;
}

#footer .mail {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8em;
}

#footer .copyright {
    text-transform: none;
}