/* General */
/* ======================== */

    /* General: html, body */
    html, body {
        overflow: hidden;
    }


/* Blocks */
/* ======================== */

    /* Block: .Container */
    .Container {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
    @media (max-width: 799px) {
        .Container {
            padding: 0 40px;
        }
    }
    @media (max-width: 576px) {
        .Container {
            padding: 0 20px;
        }
    }
    @media (min-width: 800px) {
        .Container {
            max-width: 790px;
        }
    }
    @media (min-width: 1000px) {
        .Container {
            max-width: 980px;
        }
    }
    @media (min-width: 1200px) {
        .Container {
            max-width: 1160px;
        }
    }
    @media (min-width: 1400px) {
        .Container {
            max-width: 1320px;
        }
    }
    @media (min-width: 1600px) {
        .Container {
            max-width: 1480px;
        }
    }
    @media (min-width: 1800px) {
        .Container {
            max-width: 1640px;
        }
    }

    /* Block: .Hero */
    .Hero {
        background-image: url("./../images/background.jpg");
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: contain;
        align-items: center;
        display: flex;
        height: 100vh;
        width: 100vw;
    }
        .Hero .Hero__Caption {
            flex-direction: column;
            animation-duration: 2s;
            position: relative;
            display: flex;
            z-index: 1;
        }
            .Hero .Hero__Caption .Caption__Content {}
                .Hero .Hero__Caption .Caption__Content .Content__Logo {}
                .Hero .Hero__Caption .Caption__Content .Content__Heading {
                    font-family: 'Montserrat', sans-serif;
                    border-top: solid 2px #2E2B28;
                    display: inline-block;
                    margin-bottom: 25px;
                    letter-spacing: 1px;
                    padding-top: 40px;
                    line-height: 44px;
                    margin-top: 50px;
                    font-weight: 400;
                    font-size: 34px;
                    color: #2E2B28;
                }
                .Hero .Hero__Caption .Caption__Content .Content__Small {
                    font-family: 'Montserrat', sans-serif;
                    text-transform: uppercase;
                    display: inline-block;
                    margin-bottom: 50px;
                    line-height: 44px;
                    font-weight: 600;
                    font-size: 20px;
                    color: #006649;
                }
    @media (max-width: 576px) {
        .Hero {
            background-image: url("./../images/background--mobile.jpg");
        }
            .Hero .Hero__Caption {}
                .Hero .Hero__Caption .Caption__Content {}
                    .Hero .Hero__Caption .Caption__Content .Content__Heading {
                        margin-bottom: 20px;
                        line-height: 50px;
                        font-size: 40px;
                    }
    }
    @media (max-width: 999px) {
        .Hero {
            background-image: url("./../images/background--tablet.jpg");
            background-position-y: bottom;
            background-size: cover;
        }
            .Hero .Hero__Caption {
                margin: -450px 0 0 0;
                max-width: 650px;
                height: 500px;
                width: 100%;
            }
    }
    @media (min-width: 1000px) {
        .Hero {}
            .Hero .Hero__Caption {
                height: 500px;
                width: 650px;
            }
    }
    @media (max-width: 1350px) {
        .Hero {}
            .Hero .Hero__Caption {}
                .Hero .Hero__Caption .Caption__Content {}
                    .Hero .Hero__Caption .Caption__Content .Content__Logo {
                        max-width: 500px;
                    }
    }
    @media (max-width: 1300px) {
        .Hero {}
            .Hero .Hero__Caption {}
                .Hero .Hero__Caption .Caption__Content {}
                    .Hero .Hero__Caption .Caption__Content .Content__Logo {
                        max-width: 450px;
                    }
    }
    @media (max-width: 1200px) {
        .Hero {}
            .Hero .Hero__Caption {}
                .Hero .Hero__Caption .Caption__Content {}
                    .Hero .Hero__Caption .Caption__Content .Content__Logo {
                        max-width: 400px;
                    }
                    .Hero .Hero__Caption .Caption__Content .Content__Heading {
                        line-height: 40px;
                        padding-top: 30px;
                        margin-top: 35px;
                        font-size: 30px;
                    }
                    .Hero .Hero__Caption .Caption__Content .Content__Small {
                        margin-bottom: 30px;
                        line-height: 38px;
                        font-size: 16px;
                    }
    }
    @media (max-width: 576px) {
        .Hero {}
            .Hero .Hero__Caption {
                margin: -300px 0 0 0;
            }
                .Hero .Hero__Caption .Caption__Content {}
                    .Hero .Hero__Caption .Caption__Content .Content__Logo {
                        max-width: 300px
                    }
                    .Hero .Hero__Caption .Caption__Content .Content__Heading {
                        line-height: 26px;
                        padding-top: 20px;
                        margin-top: 10px;
                        font-size: 18px;
                    }
    }
    @media (max-width: 375px) {
        .Hero {}
            .Hero .Hero__Caption {
                margin: -150px 0 0 0;
            }
    }
    @media (min-width: 1400px) {
        .Hero {}
            .Hero .Hero__Caption {
                margin-top: 100px;
                height: 500px;
                width: 775px;
            }
    }


    /* Block: .Button */
    .Button {
        transition: background-color .2s, border-color .2s;
        font-family: 'Montserrat', sans-serif;
        justify-content: space-between;
        background-color: #006649;
        border: solid 2px #006649;
        padding: 16px 25px 13px;
        text-decoration: none;
        display: inline-flex;
        border-radius: 10px;
        align-items: center;
        margin-bottom: 15px;
        margin-right: 15px;
        font-size: 14px;
        color: #FFF;
    }
    .Button:hover, .Button:focus, .Button:active {
        background-color: #004733;
        border-color: #004733;
    }
        .Button .Button__Icon {
            margin-left: 15px;
        }
    @media (max-width: 1200px) {
        .Button {
            padding: 12px 20px 9px;
            margin-bottom: 10px;
            margin-right: 10px;
        }
    }


/* Helpers
/* ======================== */

    /* Helper: .Display */
    .Display--None {
        display: none;
    }
    @media (min-width: 768px) {
        .md\:Display--None {
            display: none;
        }
    }