/* Site CSS */

#hero {
    background: #fff url(../../assets/img/scholes-back.jpg) top center no-repeat;
    background-size: cover;
    height: 450px;
}

 #home #hero {
	 background-image: url(../../assets/img/scholes-back.jpg);
	 background-size: cover;
	 height: 600px;
	 overflow:hidden;
	 background-position: bottom;
}
 .hero-box {
	 background-color: rgba(193, 0, 55, 0.85);
	 border: 2px solid #fff;
	 color: #ffffff;
	 padding: 20px;
	 text-align: left;
	 z-index: 10;
	 margin-top:300px;
}

#mission {
    padding: 150px 0;
background-image: url(../../assets/img/lobo-statue.jpg);
	 background-size: cover;
color: #fff;
margin-top: 50px;
    
}

.callout {
    padding: 15px 100px 15px 15px;
    position: relative;
    margin-bottom:20px;
}
@media (max-width: 992px) {
    .callout {
    margin-bottom:20px;
}
}

.callout h2 {
    margin-top: 0;
}

.callout a {
    color: #fff;
}

.callout .fa {
    opacity: .5;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.callout:hover {
   cursor: pointer;
}

/* HOME RESETS */

#home #main {padding:0; width:100%;}
#home #main > .container {
    width: 100%;
    padding: 0;
  
}

#home #lower {padding:0; width:100%;}
#home #lower > .container {
    width: 100%;
    padding: 0;
}

#home #c #primary, #home #c #secondary, #home #c #tertiary {padding:0 !important;}

#home #upper > .container {
    width: 100%;
    padding: 0;
}
#home #main > .container > .row {
    margin: 0;
}