/*custom fonts*/
    
    @font-face {
        font-family: 'ClanPro-Book';
        src: url('../fonts/ClanPro-Book.eot');
        src: url('../fonts/ClanPro-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/ClanPro-Book.woff2') format('woff2'), url('../fonts/ClanPro-Book.woff') format('woff'), url('../fonts/ClanPro-Book.svg#ClanPro-Book') format('svg');
        font-weight: 450;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+0020-00FE;
    }
    
    @font-face {
        font-family: 'ClanPro-NarrBlack';
        src: url('../fonts/ClanPro-NarrBlack.eot');
        src: url('../fonts/ClanPro-NarrBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/ClanPro-NarrBlack.woff2') format('woff2'), url('../fonts/ClanPro-NarrBlack.woff') format('woff'), url('../fonts/ClanPro-NarrBlack.svg#ClanPro-NarrBlack') format('svg');
        font-weight: 900;
        font-style: normal;
        font-stretch: semi-condensed;
        unicode-range: U+0020-00FE;
    }
    /*colour pallete*/
    
    .yellow {
        color: #ffed00;
    }
    
    .yellow_bg {
        background-color: #ffed00;
    }
    
    .black {
        color: #000000;
    }
    
    .black_bg {
        background-color: #000000;
    }
    
    .white {
        color: #ffffff;
    }
    
    .white_bg {
        background-color: #ffffff;
    }
    
    .grey {
        color: #6E6E6E;
    }
    
    .grey_bg {
        background-color: #6E6E6E;
    }
    
    .sand {
        color: rgb(177, 176, 161)
    }
    
    .sand_bg {
        background-color: rgb(177, 176, 161)
    }
    
    .petrol {
        color: rgb(35, 140, 150);
    }
    
    .petrol_bg {
        background-color: rgb(35, 140, 150);
    }
    /*buttons*/
    
    a.btn,
    .btn {
        padding: 10px 30px;
        border-radius: 2px;
        font-family: 'ClanPro-NarrBlack';
        text-transform: uppercase;
        letter-spacing: 0.025em;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    
    a.btn:hover,
    a.btn:active,
    a.btn:focus,
    a.btn:visited {
        background-color: rgb(40, 159, 170);
    }
    /*tipography*/
    
    body,
    p {
        font-family: 'ClanPro-Book';
        line-height: 130%;
        color: #000000;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    .form-check-label,
    th {
        font-family: 'ClanPro-NarrBlack';
        text-transform: uppercase;
        line-height: 100%;
    }
    
    header {
        height: 15vh;
        margin-top: 5vh;
    }
    
    header figure {
        height: 15vh;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 4rem;
    }
    
    main h1 {
        font-size: 5em;
        margin: 0 0 30px 0;
    }
    /*sections*/
    
    main {
        position: relative;
    }
    
    main,
    footer {
        height: auto;
    }
    
    footer p {
        font-size: 70%;
        margin: 0;
    }
    
    a.link {
        color: black;
    }
    
    @media(max-width:799px) {
        header {
            margin-bottom: 5vh;
            height: 10vh;
        }
        header figure {
            height: 10vh;
        }
        header .row {
            justify-content: center;
            align-items: center;
            display: flex;
        }
        main {
            margin-bottom: 5vh;
        }
        main .content {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }
        main h1 {
            font-size: 4rem;
        }
    }
    
    @media (min-width:800px) {
        html,
        body {
            overflow: hidden;
        }
        main {
            height: 65vh;
            margin: 5vh auto;
            overflow: hidden;
        }
        main img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }
        footer {
            height: 5vh;
        }
    }