:root {
    --primary-colour: #00ff52;
    --secondary-colour: #000;
    --support-colour: #666
}

@font-face {
    font-family: 'aeonikmedium';
    src: url('../css/fonts/aeonik-medium-webfont.woff2') format('woff2'), url('../css/fonts/aeonik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'interregular';
    src: url('../css/fonts/inter-variablefont_slntwght-webfont.woff2') format('woff2'), url('../css/fonts/inter-variablefont_slntwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'aeonikregular';
    src: url('../css/fonts/aeonik-regular-webfont.woff2') format('woff2'), url('../css/fonts/aeonik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-size: 100%;
    font-family: 'aeonikmedium', sans-serif
}

main {
    flex: 1 0 auto
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold
}

h1 {
    font-size: 3.5rem
}

h2 {
    font-size: 2.5rem
}

h3 {
    font-size: 1.4rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.15rem
}

p {
    font-size: 1.5rem;
    font-family: 'aeonikregular', sans-serif
}

.popup p {
    font-size: 1rem
}

span.regular,
ul.aeonikregular li {
    font-family: 'aeonikregular', sans-serif
}

strong {
    font-weight: 700
}

a {
    color: var(--primary-colour)
}

ul.show-bullets {
    padding-left: 1rem
}

ul.show-bullets,
ul.show-bullets li {
    list-style-type: disc
}


.releaseit-btn {
    background-color: transparent;
    border: 1px solid var(--primary-colour)
}

.releaseit-btn:hover {
    background-color: var(--primary-colour)
}

.input-field>label:not(.label-icon).active {
    -webkit-transform: translateY(-24px) scale(0.8);
    transform: translateY(-24px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

textarea {
    width: 100%
}

textarea.materialize-textarea {
    box-sizing: content-box
}

.input-field.col label {
    left: 1.25rem
}

.primary {
    background-color: var(--primary-colour)
}

.primary-text {
    color: var(--primary-colour)
}

.secondary {
    background-color: var(--secondary-colour)
}

.secondary-text {
    color: var(--secondary-colour)
}

.btn.primary:hover {
    background-color: var(--secondary-color)
}

.btn.secondary:hover {
    background-color: var(--primary-colour)
}

.support {
    background-color: var(--support-color)
}

.support-text {
    color: var(--support-color)
}

.floating-nav .brand-logo img {
    height: 64px;
    width: auto
}

nav {
    height: 70px;
    line-height: 70px
}

.nav-wrapper {
    line-height: 1.75rem
}

.parallax-window {
    min-height: 800px;
    background: transparent
}

.dropdown-content li>a,
.dropdown-content li>span {
    color: var(--primary-colour)
}

.floating-nav {
    border-radius: 2px;
    box-shadow: 0 1px 10px #999
}

nav li i.right {
    margin-left: 0
}

nav ul {
    display: inline-block;
    list-style-type: none !important
}

nav ul li {
    list-style-type: none !important
}

nav ul a {
    font-size: 1em;
    padding: 0 .75em
}

.container img {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.header img {
    padding: .5em;
    max-height: 175px;
    width: auto
}

.header.row {
    margin-bottom: 0
}

ul.dropdown-content {
    width: auto !important
}

.add-pointer:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    content: '';
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
    -webkit-box-shadow: -2px 3px 4px -3px rgba(0, 0, 0, .4);
    box-shadow: -2px 3px 4px -3px rgba(0, 0, 0, .4)
}

.sidenav li {
    vertical-align: middle
}

.sidenav li a {
    padding: 0 16px;
    display: inline-block;
    vertical-align: top
}

.sidenav li ul {
    margin-left: 2em;
    font-size: .9em
}

.sidenav .social-badge a {
    display: inline-block
}

.sidenav li.active,
.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
    background-color: transparent
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
    padding: 0 1em 0 1em;
    width: 100%
}

.sidenav ul li>a {
    line-height: 1em;
    vertical-align: middle;
    min-height: 1em;
    height: auto
}

ul.inline {
    padding-left: 1rem
}

ul.inline,
ul.inline li {
    display: inline-block;
    margin-right: 1rem
}

ul.bullets,
ul.bullets li {
    list-style-type: disc
}

img.footer-logo {
    height: 26px
}

.m-0 {
    margin: 0
}

.m-half-em {
    margin: .5rem
}

.m-1 {
    margin: 1rem
}

.m-2 {
    margin: 2rem !important
}

.m-3 {
    margin: 3rem !important
}

.m-4 {
    margin: 4rem !important
}

.m-5 {
    margin: 5rem !important
}

.mt-0 {
    margin-top: 0
}

.mt-half-em {
    margin-top: .5rem
}

.mt-1 {
    margin-top: 1rem
}

.mt-2 {
    margin-top: 2rem !important
}

.mt-3 {
    margin-top: 3rem !important
}

.mt-4 {
    margin-top: 4rem !important
}

.mt-5 {
    margin-top: 5rem !important
}

.mr-0 {
    margin-right: 0rem !important
}

.mr-1 {
    margin-right: 1rem !important
}

.mr-2 {
    margin-right: 2rem !important
}

.mr-3 {
    margin-right: 3rem !important
}

.mr-4 {
    margin-right: 4rem !important
}

.mr-5 {
    margin-right: 5rem !important
}

.ml-0 {
    margin-left: 0rem !important
}

.ml-1 {
    margin-left: 1rem !important
}

.ml-2 {
    margin-left: 2rem !important
}

.ml-3 {
    margin-left: 3rem !important
}

.ml-4 {
    margin-left: 4rem !important
}

.ml-5 {
    margin-left: 5rem !important
}

.mb-0 {
    margin-bottom: 0rem !important
}

.mb-1 {
    margin-bottom: 1rem !important
}

.mb-2 {
    margin-bottom: 2rem !important
}

.mb-3 {
    margin-bottom: 3rem !important
}

.mb-4 {
    margin-bottom: 4rem !important
}

.mb-5 {
    margin-bottom: 5rem !important
}

.mtb-0 {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important
}

.mtb-1 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
}

.mtb-2 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
}

.mtb-3 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
}

.mtb-4 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
}

.mtb-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important
}

.p-0,
.row .col.p-0 {
    padding: 0
}

.p-1 {
    padding: 1rem
}

.p-2 {
    padding: 2rem !important
}

.p-3 {
    padding: 3rem !important
}

.p-4 {
    padding: 4rem !important
}

.p-5 {
    padding: 5rem !important
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: 1rem
}

.pt-2 {
    padding-top: 2rem !important
}

.pt-3 {
    padding-top: 3rem !important
}

.pt-4 {
    padding-top: 4rem !important
}

.pt-5 {
    padding-top: 5rem !important
}

.pr-0 {
    padding-right: 0rem !important
}

.pr-1 {
    padding-right: 1rem !important
}

.pr-2 {
    padding-right: 2rem !important
}

.pr-3 {
    padding-right: 3rem !important
}

.pr-4 {
    padding-right: 4rem !important
}

.pr-5 {
    padding-right: 5rem !important
}

.pl-0 {
    padding-left: 0rem !important
}

.pl-1 {
    padding-left: 1rem !important
}

.pl-2 {
    padding-left: 2rem !important
}

.pl-3 {
    padding-left: 3rem !important
}

.pl-4 {
    padding-left: 4rem !important
}

.pl-5 {
    padding-left: 5rem !important
}

.pb-0 {
    padding-bottom: 0rem !important
}

.pb-1 {
    padding-bottom: 1rem !important
}

.pb-2 {
    padding-bottom: 2rem !important
}

.pb-3 {
    padding-bottom: 3rem !important
}

.pb-4 {
    padding-bottom: 4rem !important
}

.pb-5 {
    padding-bottom: 5rem !important
}

.ptb-0 {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important
}

.ptb-1 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.ptb-2 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.ptb-3 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}

.ptb-4 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
}

.ptb-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important
}

.contact-reasons {
    font-size: 1.25rem
}

.reason,
.header-logo {
    display: flex;
    align-items: flex-end
}

div.reason {
    display: flex;
    border: 1px solid #FFF
}

.reason a {
    color: #FFF;
    height: 5.25rem;
    align-self: flex-end;
    padding: .5rem .5rem 1rem .5rem;
    width: 100%
}

.reason a span {
    max-width: 65%;
    display: block
}

.reason.active {
    border: 1px solid var(--primary-colour);
    color: var(--primary-colour)
}

.reason.active a {
    color: var(--primary-colour)
}

.contact-reasons li div {
    vertical-align: bottom
}

.tag-line {
    position: absolute;
    bottom: .25rem;
    right: 0
}

.input-field>label {
    font-size: 1.25rem;
    top: .25rem
}

#down-arrow {
    position: absolute;
    bottom: 2rem;
    left: 1rem
}

@media only screen and (min-width:993px) {
    nav a.sidenav-trigger {
        display: block
    }
}

@media only screen and (min-width:1100px) {
    nav a.sidenav-trigger {
        display: none
    }
}

@media only screen and (max-width:992px) {

    .mobile-center,
    .mobile-center li {
        text-align: center
    }

    ul.inline li:last-of-type {
        margin-right: 0
    }

    .mobile-break,
    .inline.mobile-break {
        display: block;
        padding-left: 0;
        margin-right: 0
    }

    .contact-reasons div {
        height: auto
    }

    nav {
        height: 100px
    }

    .tag-line {
        position: relative;
        margin-left: .9rem
    }
}

@media only screen and (max-width:650px) {
    .container {
        width: 95%
    }
}