.banner-home                    { background: url("/wp-content/uploads/images/banners/home.jpg")         no-repeat center center; }
.banner-movie                    { background: url("/wp-content/uploads/images/banners/Blank.jpg")         no-repeat center center; }
.banner-apartments             { background: url("/wp-content/uploads/images/banners/apartments.jpg")   no-repeat center center; }
.banner-wee-loch-apartments             { background: url("/wp-content/uploads/images/banners/wee-loch-apartments.jpg")   no-repeat center center; }
.banner-cottages            { background: url("/wp-content/uploads/images/banners/cottages.jpg")   no-repeat center center; }
.banner-services-amenities      { background: url("/wp-content/uploads/images/banners/services-amenities.jpg")             no-repeat center center; }
.banner-social-life             { background: url("/wp-content/uploads/images/banners/social-life.jpg")             no-repeat center center; }
.banner-lifelong-learning       { background: url("/wp-content/uploads/images/banners/lifelong-learning.jpg")             no-repeat center center; }
.banner-glade                   { background: url("/wp-content/uploads/images/banners/glade.jpg")         no-repeat center center; }
.banner-wellness                { background: url("/wp-content/uploads/images/banners/wellness.jpg")             no-repeat top center; }
.banner-continuing-care         { background: url("/wp-content/uploads/images/banners/continuing-care.jpg")             no-repeat center center; }
.banner-cary-raleigh-area         { background: url("/wp-content/uploads/images/banners/cary-raleigh-area.jpg")             no-repeat center center; }
.banner-our-organization        { background: url("/wp-content/uploads/images/banners/our-organization.jpg")             no-repeat center center; }
.banner-our-programs            { background: url("/wp-content/uploads/images/banners/our-programs.jpg")             no-repeat top center; }
.banner-our-wellness-philosophy { background: url("/wp-content/uploads/images/banners/our-wellness-philosophy.jpg")             no-repeat top center; }
.banner-calendars               { background: url("/wp-content/uploads/images/banners/calendars.jpg")             no-repeat center center; }
.banner-maps-directions         { background: url("/wp-content/uploads/images/banners/directions.png")             no-repeat center center; }
.banner-careers                 { background: url("/wp-content/uploads/images/banners/careers.jpg")             no-repeat center center; }
.banner-ways-to-give            { background: url("/wp-content/uploads/images/banners/ways-to-give.jpg")             no-repeat center center; }
.banner-volunteering            { background: url("/wp-content/uploads/images/banners/volunteering.jpg")             no-repeat center center; }
.banner-contact-us              { background: url("/wp-content/uploads/images/banners/contact.jpg")             no-repeat top center; }
.banner-choose-a-community      { background: url("/wp-content/uploads/images/banners/choosing-a-retirement-community.jpg")             no-repeat center center; }
.banner-virtual-visit           { background: url("/wp-content/uploads/images/banners/virtual-visit.jpg")             no-repeat center center; }
.banner-RSVP          			{ background: url("/wp-content/uploads/images/banners/RSVP.jpg")             no-repeat center center; }
.banner-recent-news             { background: url("/wp-content/uploads/images/banners/recent-news.jpg")             no-repeat top center; }
.banner-5k                      { background: url("/wp-content/uploads/images/banners/five-k.jpg")             no-repeat top center; }
.banner-expansion               { background: url("/wp-content/uploads/images/banners/expansion.jpg")             no-repeat center center; }
.banner-privacy                 { background: linear-gradient(#FFFFFF, #5e5e5e);             no-repeat center center; }

.banner-residence               { background: url("/wp-content/uploads/images/banners/residences.jpg")             no-repeat center center;
                                  transition-timing-function: ease-in-out;
                                  transition : background 0.5s;
                                  -webkit-transition : background 0.5s }
.banner-living                  { background: url("/wp-content/uploads/images/banners/living.jpg")             no-repeat center center;
                                  transition-timing-function: ease-in-out;
                                  transition : background 0.5s;
                                  -webkit-transition : background 0.5s }
.banner-more                    { background: url("/wp-content/uploads/images/banners/more.jpg")             no-repeat center center;
                                  transition-timing-function: ease-in-out;
                                  transition : background 0.5s;
                                  -webkit-transition : background 0.5s }

.banner {
    background-size: 100%;
    min-height: 250px;
    max-height: 600px;
    padding: 0px;

}

.bannerHome {
    background-size: 100%;
    height: 500px;
    padding: 0px;
}

.bannerTitleLogo {

}

.bannerTitle {
    color: #FFFFFF;
    font-size: 64px;
    text-shadow: 2px 2px 4px #000000;
    letter-spacing: 2px;
}

.bannerMenuTitle {
    color: #FAB06C;
    font-size: 26px;
    font-weight: bold;
    text-shadow: 0px 0px 10px #000000;
}

.bannerMenuContent {
    color: #FFFFFF;
    font-size: 28px;
    text-shadow: 2px 2px 4px #000000;
    font-family: ProximaThinItalic;
}

.bannerMenuContentCentered {
    background-color: rgba(44,44,44,0.7);
    margin: 75px 0px 75px 0px;
    position: relative;
    width: 100%;
    //top: 50%;
    //left: 50%;
    //-ms-transform: translate(-50%, -50%);
    //transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
    .banner {
        background-size: 150%;
    }

    .bannerHome {
        background-size: 150%;
    }
}

@media only screen and (max-width: 768px) {
    .banner {
        background-size: 200%;
    }

    .bannerHome {
        background-size: 200%;
    }
}

@media only screen and (max-width: 576px) {
    .banner {
        background-size: 200%;
        height: 300px;
    }

    .bannerHome {
        background-size: 200%;
        height: 300px;
    }

    .bannerTitle {
        color: #FFFFFF;
        font-size: 32px;
        text-shadow: 2px 2px 4px #000000;
    }
}

.banner:after {
    content: "";
    display: block;
    position: absolute;
    height: 3rem;
    bottom: 0px;
    width: 100%;
    z-index: 100;
    background: url("/wp-content/uploads/images/borders/stalactite-inverted.svg") center bottom no-repeat;
}

.bannerContentHomeCentered {
    margin: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bannerContentCentered {
    margin: 0;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bannerVideoCentered {
    padding: 80px;
    position: relative;
    width: 100%;
    //top: 40%;
    //left: 50%;
}

.bannerContentSubFloor {
    margin: 0;
    position: absolute;
    width: 100%;
    top: 90%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    font-size: 20px;
    color: #D7E5D0;
    text-shadow: 2px 2px 4px #000000;
}