html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 400;
    font-family: "Poppins";
    color: #111111;
    background: linear-gradient(90deg, #021805 0%, #223825 50%, #021805 100%);
}

* {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #000000;
    font-weight: 800;
    text-transform: uppercase;
    /*font-family: "Poppins";*/
    font-family: "Oswald";
}

p {
    margin: 0;
}

.grey {color: #888888;}
.darkgrey {color: #444444;}
.red {color: #FF4444;}
.green {color: #00AA00;}
.white {color: #FFFFFF;}
.yellow {color: #FF4444;}

.grad-light-001 {background: linear-gradient(90deg, #EEEEEE 0%, #FFFFFF 100%);}
.grad-light-002 {background: linear-gradient(90deg, #DDDDDD 0%, #EEEEEE 100%);}

.grad-dark-001 {background: linear-gradient(90deg, #000000 0%, #111111 100%);}
.grad-dark-002 {background: linear-gradient(90deg, #111111 0%, #222222 100%);}

.grad-locke-green {background: linear-gradient(90deg, #021805 0%, #223825 50%, #021805 100%);}

.intro {color: #000000; font-weight: 600;}

.small {font-size: 0.8em;}
.smaller {font-size: 0.7em;}

a, a:visited {
    color: #AACCFF;
    font-weight: 600;
    text-decoration: underline;
}

a:hover, a:active {
    color: #AACCFF;
    font-weight: 600;
    text-decoration: underline;
}

._input1 {
    font-weight: 600;
    font-size: 1.1em;
    background-color: #CCCCCC;
    color: #000000;
    border: none;
    border-radius: 4px;
    box-shadow: 3px 3px 0px #0066FF;
    padding: 8px 10px;
    font-family: inherit;
}

.alt-colours {color: #DDDDDD;}

.alt-colours h1, .alt-colours h2, .alt-colours h3, .alt-colours h4, .alt-colours h5, .alt-colours h6, .alt-colours .intro {
    color: #FFFFFF;
}

.alt-colours a, .alt-colours a:visited {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
}

.alt-colours a:hover, .alt-colours a:active {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: underline;
}

._button1 {
    font-weight: 600;
    font-size: 1.1em;
    background-color: #0066FF;
    color: #FFFFFF;
    border: none;
    border-radius: 2px;
    box-shadow: 3px 3px 0px #222222;
    padding: 8px 10px;
    font-family: inherit;
    cursor: pointer;
    text-transform: uppercase;
}

._button1:hover {
    background-color: #3399FF;
}

.right-align {text-align: right;}

.full-image {
    border-radius: 5px;
    box-shadow: 1px 1px 4px #000000;
    width: 100%;
}

.glow-box {
    background-color: #161616; padding: 20px; box-shadow: 1px 1px 25px #FF00AA; border-radius: 7px;
}

.job-box {
    background-color: #121212; padding: 20px; box-shadow: 1px 1px 4px #000000; border-radius: 7px;
}

/* ----------------------- Mobile Phone START ----------------------- */

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

    body {
        font-size: 1.6em;
        line-height: 1.5em;
    }

    .only-mobile {display: block;}
    .only-tablet {display: none;}
    .only-desktop {display: none;}

    .other-than-desktop {display: block;}
    .other-than-mobile {display: none;}

    .main-full-alt {
        margin: 0;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .main-full {
        margin: 0;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .mobile-link a,
    .mobile-link a:visited {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px solid #666666;
        font-style: italic;
    }

    .mobile-link a:hover,
    .mobile-link a:active {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px solid #666666;
        font-style: italic;
    }

    .mobile-link-last a,
    .mobile-link-last a:visited {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        font-style: italic;
    }

    .mobile-link-last a:hover,
    .mobile-link-last a:active {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: underline;
        font-style: italic;
    }

    h1 {font-size: 3.2em; line-height: 1.25em;}
    h2 {font-size: 2.6em; line-height: 1.25em;}
    h3 {font-size: 2.2em; line-height: 1.25em;}
    h4 {font-size: 1.8em; line-height: 1.25em;}
    h5 {font-size: 1.7em; line-height: 1.25em;}
    h6 {font-size: 1.6em; line-height: 1.25em;}

    .col-quarter {width: 100%; margin-bottom: 15%;}
    .col-third {width: 100%; margin-bottom: 15%;}
    .col-half {width: 100%; margin-bottom: 15%;}

    .col-quarter-last {width: 100%;}
    .col-third-last {width: 100%;}
    .col-half-last {width: 100%;}

    .contact-left {width: 100%; margin-bottom: 60px;}
    .contact-right {width: 100%;}

    .footer-left {width: 100%; margin-bottom: 40px;}
    .footer-right {width: 100%;}

    .clear-cols {clear: left;}
    .clear-cols-alt {clear: left; margin-top: 20%;}

    /* more here */

}

/* ----------------------- Mobile Phone END ----------------------- */

/* ----------------------- Tablet and Smaller Desktops START ----------------------- */

@media screen and (min-width: 600px) and (max-width: 1519px){

    body {
        font-size: 1.6em;
        line-height: 1.5em;
    }

    .only-mobile {display: none;}
    .only-tablet {display: block;}
    .only-desktop {display: none;}

    .other-than-desktop {display: block;}
    .other-than-mobile {display: none;}

    .main-full-alt {
        margin: 0;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .main-full {
        margin: 0;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .mobile-link a,
    .mobile-link a:visited {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px solid #666666;
        font-style: italic;
    }

    .mobile-link a:hover,
    .mobile-link a:active {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px solid #666666;
        font-style: italic;
    }

    .mobile-link-last a,
    .mobile-link-last a:visited {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        font-style: italic;
    }

    .mobile-link-last a:hover,
    .mobile-link-last a:active {
        display: block;
        padding: 10px 0px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: underline;
        font-style: italic;
    }

    h1 {font-size: 3.2em; line-height: 1.25em;}
    h2 {font-size: 2.6em; line-height: 1.25em;}
    h3 {font-size: 2.2em; line-height: 1.25em;}
    h4 {font-size: 1.8em; line-height: 1.25em;}
    h5 {font-size: 1.7em; line-height: 1.25em;}
    h6 {font-size: 1.6em; line-height: 1.25em;}

    .col-quarter {width: 22%; margin-right: 4%; float: left;}
    .col-third {width: 30.666%; margin-right: 4%; float: left;}
    .col-half {width: 48%; margin-right: 4%; float: left;}

    .col-quarter-last {width: 22%; float: left;}
    .col-third-last {width: 30.666%; float: left;}
    .col-half-last {width: 48%; float: left;}

    .contact-left {width: 70%; float: left;}
    .contact-right {width: 25%; margin-left: 5%; float: left; text-align: right;}

    .footer-left {width: 50%; float: left;}
    .footer-right {width: 50%; float: left; text-align: right;}

    .clear-cols {clear: left;}
    .clear-cols-alt {clear: left; height: 50px;}

    /* more here */

}

/* ----------------------- Tablet and Smaller Desktops END ----------------------- */

/* ----------------------- Desktop (Large Screens) START ----------------------- */

@media screen and (min-width: 1520px){

    body {
        font-size: 1.6em;
        line-height: 1.5em;
    }

    .only-mobile {display: none;}
    .only-tablet {display: none;}
    .only-desktop {display: block;}

    .other-than-desktop {display: none;}
    .other-than-mobile {display: block;}

    .main-outer {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .main-full-alt {
        margin-left: auto;
        margin-right: auto;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 60px;
        padding-right: 60px;
        width: 1400px;
    }

    .main-full {
        margin-left: auto;
        margin-right: auto;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 60px;
        padding-right: 60px;
        width: 1400px;
    }

    .header-links a,
    .header-links a:visited {
        margin-left: 40px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
        font-style: italic;
    }

    .header-links a:hover,
    .header-links a:active {
        margin-left: 40px;
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: underline;
        font-style: italic;
    }

    h1 {font-size: 3.1em; line-height: 1.25em;}
    h2 {font-size: 2.5em; line-height: 1.25em;}
    h3 {font-size: 2em; line-height: 1.25em;}
    h4 {font-size: 1.6em; line-height: 1.25em;}
    h5 {font-size: 1.3em; line-height: 1.25em;}
    h6 {font-size: 1.1em; line-height: 1.25em;}

    .col-quarter {width: 22%; margin-right: 4%; float: left;}
    .col-third {width: 30.666%; margin-right: 4%; float: left;}
    .col-half {width: 48%; margin-right: 4%; float: left;}

    .col-quarter-last {width: 22%; float: left;}
    .col-third-last {width: 30.666%; float: left;}
    .col-half-last {width: 48%; float: left;}

    .contact-left {width: 70%; float: left;}
    .contact-right {width: 25%; margin-left: 5%; float: left; text-align: right;}

    .footer-left {width: 50%; float: left;}
    .footer-right {width: 50%; float: left; text-align: right;}

    .clear-cols {clear: left; height: 0px; width: 0px;}
    .clear-cols-alt {clear: left; height: 80px; width: 0px;}

    /* more here */

}

/* ----------------------- Desktop (Large Screens) END ----------------------- */