/**
 * Layout
 */

*,
*::before,
*::after {
   box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
body {
    display: flex;
    flex-direction: column;
    /*font-family: "DM Sans", sans-serif;*/
    font-family: stolzl, sans-serif;
    background-color: #fff;
}

/**
 * Headings
 */
h1 {
    font-weight: 500;
    font-size: 48px;
}
h2 {
    font-weight: 500;
    font-size: 32px;
}


/**
 * Banner
 */
#banner {
    p {
        font-size: 15px;
    }
}


/**
 * Page main
 */
main#page-main {
    flex: 1;
    padding: 0 25px;
}
main#page-main .content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/**
 * Banners
 */
#banner-contact {
    padding: 25px;
    background-color: #f8f8f8;
    color: black;
}
#banner-contact > div {
    max-width: 900px;
    margin: 0 auto;
}


/**
 * Page footer
 */
footer#page-footer {
    padding: 25px;
    background-color: #181818;
    color: white;
}
footer#page-footer > div {
    max-width: 900px;
    margin: 0 auto;
}


/* Headings */
.small-header {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px 0;
}


/**
 * Font Awesome
 */
.fa-solid {
    color: #777;
}