html {
 /*   background: linear-gradient(
            rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.7)
    ), url(/images/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    /* opacity: 0.8; */
}

header.masthead {
    position: relative;
 
    /*background: linear-gradient(
            rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.7)
    ), url(/images/BannerPhoto.jpg) no-repeat center center;*/
	  background:  url(/images/BannerPhoto.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 50px;
	margin-top: 66px;
}

.landingHeader{
    font-size: 38px;
    color: #fff;
    margin-bottom: 20px;
}

@media (min-width: 1400px){
    h1.landingHeader {
        font-size: 50px !important;
    }
}

@media (max-width: 767px) {
    h1.landingHeader {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 992px) {
    h1.landingHeader {
        font-size: 38px;
        margin-bottom: 15px;
    }
}

@media (max-width: 400px) {
    h1.landingHeader {
        font-size: 25px;
        line-height: 36px;
    }
}

.topContainer{
    color: #fcfcfc;
    text-align: center;
    padding-top: 50vh;
    position: relative;
    z-index: 10;
}

p.caption{
    font-size: 30px;
    color:#3097D1;
}

.btn-landing{
    letter-spacing: 1px;
    min-width: 311px;
    font-size: 18px;
    padding: 10px 24px;
    margin-bottom: 2px;
    text-transform: uppercase;
}