<style>
    /* GENERAL */

    body {}

    .g-body {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        color: #393844;
    }

    br {
        line-height: 2em;
    }

    img {
        width: 100%;
        height: auto;
    }

    .g-post {
        margin: 0em 1em 1em 1em;
    }

    .g-post-content {
        margin-top: inherit;
    }

    .g-margin-container {
        max-width: 1366px;
    }

    .g-margin-bottom { /* Used by blocks to add margin below */
        margin-bottom: 5rem;
    }

    @media (min-width: 1366px) {

        .g-post {
            margin: 0 0 1em 0;
        }
        .g-margin-container {
            margin-left: auto;
            margin-right: auto;
        }

        .g-post-content {
            margin-top: inherit;
        }
    }

    /* FONTS AND TEXT */

    a {
        color: #393844;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
        color: #393844;
    }

    a:visited {
        color: inherit;
    }

    p {
        font-family: 'Roboto', sans-serif;
        margin: 0 0 1em 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Roboto', sans-serif;
    }

    h1 {
        font-size: 2.5em;
        font-weight: 100;
        color: #393844;
    }

    h2 {
        font-size: 2em;
        color: #393844;
        font-family: 'Oleo Script', cursive;;
        text-align: center;
    }

    h3 {
        font-size: 1.1em;
        font-weight: 500;
        text-transform: uppercase;
        color: #393844;
    }

    h4 {
        font-size: 1.2em;
        font-weight: 500;
    }

    h5 {
        font-size: 1.1em;
        font-weight: 500;
    }

    h6 {
        font-size: 1em;
        font-weight: 500;
    }

    .g-intro p {
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 300;
    }

    /* FOOTER */

    .g-footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 0.8em;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 0 1em 1em 1em;
    }

    .g-footer__bottom__left {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        font-family: 'Roboto', sans-serif;
        margin: 0px;
    }

    .g-footer__bottom__right {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        text-align: right;
        font-family: 'Roboto', sans-serif;
        margin: 0px;
    }

    .g-footer__bottom div {
        margin-top: 5px;
    }

    .g-footer__bottom img {
        height: 35px;
        width: 35px;
    }

    .g-footer__bottom__logo__container {
        position: absolute;
        width: 50px;
        height: 50px;
        background: #393844;
        left: 50%;
        top: -25px;
        transform: translateX(-50%)
    }

    .g-footer__bottom__logo__container > div {
        position: relative;
        width: 50px;
        height: 50px;
    }

    .g-footer__bottom__logo__container > div > h1 {
        color: #b8d6f3;
        font-weight: 100;
        text-transform: uppercase;
        position: absolute;
        bottom: 20%;
        left: 5px;
        margin: 0;
        line-height: 1em;
        font-size: 14px;
    }

    /* HEADER */

    .g-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    /* NAVIGATION */

        /* Navigation - Desktop */
        .g-nav-desktop {
            background: #b8d6f3;
            padding-top: 10px;
            height: 55px;
            border-bottom: 10px solid #b8d6f3;
        }

        .g-nav-desktop__navigation {
            display: flex;
            height: 100%;
            padding: 0;
        }

        .g-nav-desktop__navigation__menu, .g-nav-desktop__navigation__menu > div, .g-nav-desktop__navigation__menu > div > ul {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .g-nav-desktop__navigation__menu {
            flex: 5;
        }

        .g-nav-desktop__navigation__menu > div > ul {
            display: flex;
            list-style: none;
            justify-content: space-between;
            align-items: center;
            text-align: center;
        }

        .g-nav-desktop__navigation__menu > div > ul > li {
            flex: 1;
            font-weight: 500;
            text-transform: uppercase;
        }

        .g-nav-desktop__navigation__logo {
            flex: 1;
            position: relative;
        }

        .g-nav-desktop__navigation__logo__container {
            position: absolute;
            left: 10px;
            width: 150px;
            height: 150px;
            background: #393844;
        }

        .g-nav-desktop__navigation__logo__container > div {
            position: relative;
            width: 150px;
            height: 150px;
        }

        .g-nav-desktop__navigation__logo__container > div > h1 {
            color: #b8d6f3;
            font-weight: 100;
            text-transform: uppercase;
            position: absolute;
            bottom: 5px;
            left: 5px;
            margin: 0;
            line-height: 1em;
        }

        .g-header--small .g-nav-desktop__navigation__logo__container {
            left: 30px;
            width: 110px;
            height: 110px;
        }

        .g-header--small .g-nav-desktop__navigation__logo__container > div > h1 {
            bottom: 45px;
            left: 7px;
            font-size: 2em;
        }

        .g-nav-desktop,
        .g-nav-desktop__navigation__logo__container,
        .g-nav-desktop__navigation__logo__container > div > h1 {
            transition: all .5s;
        }

        .g-header--small .g-nav-desktop {
            background: white;
            border-color: white;
            background: rgb(255,255,255);
            border-color: rgb(255,255,255);
            background: rgba(255,255,255, .8);
            border-color: rgba(255,255,255, 0);
        }

        /* Navigation - Mobile */

        .g-nav-mobile {
            display: none;
        }

        .g-nav-mobile__navigation__container {
            position: relative;
            height: 55px;
            background: #b8d6f3;
        }

        .g-nav-mobile__navigation__logo {
            position: absolute;
            background: #393844;
            height: 70px;
            width: 70px;
            top: 10px;
            left: 10px;
        }

        .g-nav-mobile__navigation__logo > div {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .g-nav-mobile__navigation__logo > div > h1 {
            position: absolute;
            font-size: 1.5em;
            bottom: 5px;
            left: 5px;
            width: 100%;
            color: #b8d6f3;
            margin: 0;
		    text-transform: uppercase;
        }

        .g-nav-mobile__navigation > div {
            height: calc(100vh - 55px);
            background: white;
        }

        .g-nav-mobile__navigation > div > ul {
            list-style: none;
            padding: 0;
            text-align: center;
            padding-top: 2rem;
        }

        .g-nav-mobile__navigation > div > ul > li {
            padding: 2rem 0;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 1.5em;
        }


            /* Navigation - Mobile - Toggle */

            .g-nav-mobile__navigation__toggle {
                position: absolute;
                right: 10px;
                width: 35px;
                height: 35px;
                top: 10px;
            }

            .g-nav-mobile__navigation__toggle__container {
                height: 100%;
                width: 100%;
                position: relative;
            }

            .g-nav-mobile__navigation__toggle__container > div:nth-child(1) {
                position: absolute;
                bottom: 25px;
            }

            .g-nav-mobile__navigation__toggle__container > div:nth-child(2) {
                position: absolute;
                bottom: 10px;
            }

            .g-nav-mobile__navigation__toggle__bar {
                height: 4px;
                background: #3a3b48;
                width: 35px;
                transform: translateY(50%);
                transition: all .3s;
                border-radius: 4px;
            }

            .active .g-nav-mobile__navigation__toggle__container > div:nth-child(1) {
                transform: rotateZ(135deg);
            }

            .active .g-nav-mobile__navigation__toggle__container > div:nth-child(2) {
                transform: rotateZ(-135deg);
            }

            .active .g-nav-mobile__navigation__toggle__container div {
                bottom: 44%;
            }

        /* Navigation - Media Queries */

        @media screen and (max-width: 800px) {
            .g-nav-mobile {
                display: block;
            }

            .g-nav-desktop {
                display: none;
            }

        }

    /* NAVIGATION AND HEADER - FOOTER */

    .g-footerBottom div {
        margin-top: 5px;
    }

    .g-footer__nav {
        border-top: 1px solid #b8d6f3;
        padding: 1em;
    }

    .g-footer__nav div ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .g-footer__nav div ul li {
        margin-right: 1em;
        font-size: 0.9em;
    }

    .g-footer__nav div ul li ul {
        display: none;
    }

    .g-footer__bottom__logo {
        position: relative;
        flex: 1;
    }

    @media screen and (max-width: 800px) {
        .g-footer__nav {
            display: none;
        }

        .g-footerBottom {
            border-top: 1px solid #393844;
            padding-top: 1em;
        }
    }

    /* PAGE */
    .g-container {
        padding-top: 55px;
    }

    .g-page-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .g-submenu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .g-page-container {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        padding: 0 10%;
    }

    .g-page-container a {
        text-decoration: underline;
    }

    @media (max-width: 800px) {

        .g-page-content {
            display: block;
        }

        .g-page-container {
            padding: 0;
            margin: 2em 0;
        }
    }

    /* PAGE SUBMENU */

    .g-submenu {
        background: #792423;
        padding: 1em;
        margin-bottom: auto;
    }

    .g-submenu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .g-submenu ul li:first-child {
        font-size: 1.5em;
        font-weight: 100;
        text-transform: uppercase;
        margin-bottom: 0.5em;
    }

    .g-submenu ul li {
        margin: 0.5em 0;
    }

    /* Help services */

    .g-hidden {
        display: none;
    }

    .g-clear {
        clear: both;
    }

    .g-blockMargin {
        margin-bottom: 2em;
    }

    .g-button {
        padding: 0.5em 1em;
        border: 1px solid #393844;
        display: inline-block;
        margin-top: 1em;
        position: absolute;
        bottom: 20px;
    }

    .g-button a {
        color: #393844;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
    }

</style>
