body {
    font-family: brandon-grotesque,sans-serif;
    font-weight: normal;
    line-height: 1.14
}

.main-ctnr {
    width: 100%;
    max-width: 1920px;
    margin: auto
}

h1 {
    font-size: 7.5em;
    letter-spacing: .05em;
    line-height: 1 !important
}

h2,.h2 {
    font-size: 3.5em;
    font-size: 3em;
    text-transform: uppercase;
    line-height: 1
}

h3 {
    font-size: 1.69em
}

h4 {
    font-size: 1.37em
}

h5 {
    font-size: 1.243em
}

h6 {
    font-size: 1.132em
}

h1,h2,.h2,h3,h4,h5,h6 {
    margin: calc(12px + 1.05vw) 0
}

h1,h2,.h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-style: normal;
    font-weight: normal;
    line-height: 1
}

h1 {
    font-weight: 300;
    text-transform: uppercase
}

h1 strong {
    font-weight: 800;
    font-size: 1.37em
}

h2 strong,.h2 strong {
    font-weight: 800
}

@media screen and (min-width: 1600px) {
    body {
        font-size:28px
    }
}

p:empty {
    display: none
}

p.lead {
    font-size: 1.37em
}

.page_layout h1,#poststuff h1 {
    font-size: 3em;
    margin-top: 0
}

.page_layout h1 {
    margin-top: 0
}

.page_layout h3 {
    text-transform: uppercase;
    font-size: 2.25em
}

.page_layout h4 {
    font-size: 1.25em
}

.page_layout h5 {
    font-size: 1.25em
}

.page_layout ul.lead {
    list-style: none;
    font-size: 1.2em;
    max-width: 900px;
    margin: 0 auto
}

.page_layout ul.lead li {
    padding-bottom: 0.75em
}

.page_layout ul.lead li::before {
    content: "\2022";
    color: var(--orange);
    font-size: 2em;
    line-height: .5em;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    width: .6em;
    margin-left: -.6em
}

#poststuff .acfe-flexible-placeholder h2 {
    font-size: 2.441em
}

.page_layout h5,#poststuff .acfe-flexible-placeholder h5 {
    font-size: 1.25em
}

.small,.text_small {
    font-size: 0.8em
}

.icon:before {
    vertical-align: middle
}

blockquote {
    font-size: 1.69em;
    font-weight: 900;
    padding-bottom: 0;
    flex-wrap: wrap;
    text-align: center;
    margin: 1.5em 2% .5em;
    padding: 0 15px 0;
    position: relative
}

blockquote p {
    position: relative;
    font-weight: 900;
    margin-bottom: 0.6em;
    margin: 0.5em 0 0;
    padding: 0
}

blockquote p:last-child {
    display: block;
    -webkit-box-flex: 0;
    flex: none;
    width: auto;
    display: inline-block;
    margin-top: 0;
    padding: 0 .5em;
    background: var(--white);
    font-size: 19px
}

blockquote p:last-child:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: .25em;
    border-bottom: 5px solid;
    content: ' ';
    color: inherit;
    bottom: 1.3em;
    z-index: -1
}

.layout_wrap {
    position: relative;
    z-index: 6
}

.layout_wrap a {
    color: var(--text-color);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--link-color);
    text-decoration-color: var(--link-color)
}

h4.widgettitle {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .5em;
    margin-top: 5px;
    color: var(--orange)
}

.page_layout {
    position: relative
}

.home .page_layout {
    padding-bottom: 0
}

.page_layout>layer {
    padding-top: 20px !important
}

.layer.text-on-dark {
    background: #292929;
    color: #fff
}

.layer.text-on-dark a.button {
    color: #292929;
    background-color: #fff;
    border-color: #fff
}

.layer.dark a,.layer.text-on-dark a {
    color: #fff
}

@media screen and (min-width: 1280px) {
    body {
        font-size:26px
    }

    .layout_wrap {
        background: url(../images/pattern.svg) no-repeat top center;
        background-size: 101%;
        margin-top: -180px;
        padding-top: 150px
    }
    .matariki .layout_wrap { background-image: url(../images/pattern-matariki.svg);}
}

@media screen and (max-width: 1280px) {
    body {
        font-size:24px
    }

    .layout_wrap {
        background: url(../images/pattern.svg) no-repeat top center;
        background-size: 101%;
        margin-top: -100px;
        padding-top: 110px
    }
    .matariki .layout_wrap { background-image: url(../images/pattern-matariki.svg);}
}

@media screen and (max-width: 950px) {
    body {
        font-size:24px
    }

    h2 {
        font-size: 2.5em
    }

    h4 {
        font-size: 1.37em
    }

    .layout_wrap {
        background: url(../images/pattern.svg) no-repeat top center;
        background-size: 101%;
        margin-top: -70px;
        padding-top: 80px
    }
    .matariki .layout_wrap { background-image: url(../images/pattern-matariki.svg);}
}

@media screen and (max-width: 550px) {
    .layout_wrap {
        background:url(../images/pattern.svg) no-repeat top center;
        background-size: 101%;
        margin-top: -74px;
        padding-top: 50px
    }
    .matariki .layout_wrap { background-image: url(../images/pattern-matariki.svg);}
    .col.inner {
        padding: 0 5% !important
    }

    body {
        font-size: 18px
    }

    h2,.h2 {
        font-size: 2em
    }
}

@media screen and (max-width: 375px) {
    .layout_wrap {
        background:url(../images/pattern.svg) no-repeat top center;
        background-size: 101%;
        margin-top: -44px;
        padding-top: 50px
    }
    .matariki .layout_wrap { background-image: url(../images/pattern-matariki.svg);}
    body {
        font-size: 16px
    }

    h1 {
        font-size: 2.856em
    }

    h2,.h2 {
        font-size: 1.5em
    }

    .page_layout h3 {
        font-size: 2.5em
    }
}