.landing {
    .hero {
        background: $mainBrandColor linear-gradient(to right, $mainBrandColor, $secondBrandColor) no-repeat center/cover;
        position: relative;
        text-align: center;

        .hero-label {
            color: $textBrandColor;
            margin: 0 0 0 0;
            padding: 30px 0 0 0;
            font-size: 62px;
            font-family: "Verdana";
        }

        .hero-logo {
            height: 170px;
            padding: 0;
            margin: 28px 0 0 0;
        }

        .hero-lead {
            color: $textBrandColor;
            display: block;
            font-size: 18px;
            font-weight: $heroLeadWeight;
            margin: 32px 0 0 0;
            padding: 0;
        }

        .hero-down-arrow {
            color: $textBrandColor;
            display: inline-block;
            margin: 20px 0 20px 0;
            padding: 5px;
            cursor: pointer;
        }

        @media (min-width: $bp-sm) {
            .hero-label {
                padding: 80px;
            }

            .hero-logo {
                margin: 78px 0 0 0;
            }

            .hero-lead {
                margin: 82px 0 0 0;
            }

            .hero-down-arrow {
                margin: 60px 0 20px 0;
            }
        }
    }

    h2 {
        border: 0;
    }

    .landing-image {
        max-height: 300px;
        text-align: center;
    }

    .landing-text {
        text-align: center;
    }

    .color1 {
        background-color: $landingBackgroundColor1;
        stroke: $landingBackgroundColor1;
    }

    .color2 {
        background-color: $landingBackgroundColor2;
        stroke: $landingBackgroundColor2;
    }

    .container-fluid {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    @media (min-width: $bp-md) {
        .landing-text {
            text-align: left;

            .alt {
                text-align: right;
            }
        }

        .landing-image {
            text-align: right;

            .alt {
                text-align: left;
            }
        }

        .container-fluid {
            padding-top: 30px;
            padding-bottom: 30px;
        }
    }

    .call {
        height: auto;
        text-align: center;
    }
}
