/*
===============================
    OTHER PAGES
===============================
*/

/* 17.1 ABOUT PAGE */

.banner{
    position: relative;
    height: 440px;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    .color-overlay {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background-color: rgba( 0, 0, 0, 0.6 );
    }

    .banner-content {
        position: absolute;
        top: 50%;
        left: 50%;

        @extend .text-center;
        @include transform( translate( -50%, -50% ) );

        h1 {
            color: $white-color;
            text-transform: uppercase;
            letter-spacing: .2px;
            margin-top: 11px;
        }

        p{
            color: $white-color;
        }

        span, div {
            color: $white-color;
        }
    }
}