body {
    padding: 0px;
    margin: 0px;
    font-family: Rubik, Helvetica, Arial, Sans-Serif;
}

.main {
    margin: 30px auto;
    max-width: 36rem;
    flex-grow: 1;
    padding: 0px 10px
}

.main.calculator {
    margin: 30px auto;
    max-width: 1200px;
    flex-grow: 1;
    padding: 0px 10px
}

nav {
    width: 100%;
    display: flex;
}

    nav .inner {
        border-bottom: 1px solid #eee;
        padding: 10px;
        padding-top: 15px;
        max-width: 36rem;
        margin: 0px auto;
        flex-grow: 1;
        display: flex;
    }

        nav .inner.calculator {
            max-width: 1200px;
        }

        nav .inner .introducer-logo-wrapper {
            flex-grow: 1;
        }

            nav .inner .introducer-logo-wrapper .introducer-logo {
                height: 40px;
            }

        nav .inner .jigsaw-logo {
            height: 30px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

nav.coloured .inner {
    border-bottom: 0px;
}

footer {
    margin-top: 30px;
    padding: 20px 10px;
    border-top: 1px solid #eee;
    font-size: 12px;
}