body, html { width: 100%; height: 100%;background-color:#8f1311; }
hr{
    height: 30px;
    border-style: solid;
    border-color: #999;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #999;;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
hr.header { margin:0;height:20px; }
p{
font-family: 'Lato', sans-serif;
font-size:18px;
}
h1, h2 {
    font-family: 'Modern Antiqua', sans-serif;
    font-weight: 400;
}
h3, h4 {
    font-family: 'Glass Antiqua', sans-serif;
    font-weight: 400;
}
h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}
.h h1 {
  margin-top: 0;
}
h1.images, h2.images, img.full_image { text-align:center; margin-left:auto; margin-right:auto; }
.wrap {
background:#ddd;
}

/*----- Images -----*/
img.img-border{
border:1px solid rgba(0,0,0,0.2);
border-radius:3px;
box-shadow:3px 3px 5px rgba(0,0,0,0.3), -2px -2px 3px rgba(0,0,0,0.1);
padding:8px;
}
.med_image { height:400px; }

/*----- Carousel -----*/
.swiper-img img {
  max-width:100%;
}
.swiper-pagination-bullet-active {
  background: #fff!important;
}
.swiper-pagination-bullet {
  background: #fff!important;
}
.swiper-caption {
	display: none;
}

.carousel-bg{
/*margin-top:50px;*/
}
.carousel-bg .row{
margin:0;
}
.carousel-bg > .container.container-fluid{
padding:0;
max-width:100%;
width:100%;
}
.carousel-inner img{
max-width:100%;
width:100%;
}

.carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-inner .active {
    opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
    opacity: 1;
}
.carousel-control {
    z-index: 11;
}
.carousel a { color:white; }

@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*------- Navbar --------*/

.navbar { 
padding: 0;
background:#aaa;;
margin-bottom:0;
}
.nav-link {
    padding: 15px;
}
.navbar-nav > li > a, .navbar-brand { 
color:#000!important; 
font-weight:bold;
text-shadow:0 0 3px white;
}
.navbar-brand img{
max-width:100%;
width:250px;
margin-top:-5px;
}

/*------- Header area --------*/

.header { 
text-align: center; 
color: #f8f8f8; 
background-size: cover;
position:relative;
 }
.header-message {
    margin-top: 60px;
    text-align: center;
}
.header-message img{
width:150px;
}
.header-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 5px black;
    font-size: 4em;
}
.header-message > h1 > a { color:black!important; }
.header-message > p {
/*    text-shadow: 2px 2px 3px black;*/
}

.header-message2, .header-message3 {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
}

.header-message2 > h1, .header-message3 > h1 {
  font-size: 4rem;
  text-shadow: 2px 2px 3px black;
}
.header-message2 > h3, .header-message3 > h3 {
  font-size: 5rem;
  text-shadow: 2px 2px 3px black;
}

.header2 {
background-image:url('/site/site-bg.jpg');
background-size:100%;
background-repeat:no-repeat;
background-attachment:fixed;
}


.jumbotron {
  background: rgba(0, 0, 0, 0) url("/site/jumbotron.jpg") no-repeat fixed center top / cover ;
  color: #f8f8f8;
  margin-bottom: 20px;
  padding: 50px 0;
}
.jumbotron h1{
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
padding:80px 0;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
margin:0 auto;
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

.button-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-1 {
  background-color: #ddd;
  padding: 50px 15px;
}

.content-section-2 {
    padding: 60px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(/site/parallax.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    margin-bottom: 20px;
}
.parallax-1 > h1 {
  text-shadow: 0 0 5px black;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}
footer img { padding-top:15px; }
footer { padding: 50px 0; background-color: #aaa; color:#333; }
footer p { color:#333; }
footer a { color:#000; }
.social { text-align: left !important; }

@media(min-width:1201px) {
.header2 { background: rgba(0, 0, 0, 0) url("/site/site-bg.jpg") no-repeat fixed center center / cover; }
}

@media(max-width:1200px) {
.header2 { background: rgba(0, 0, 0, 0) url("/site/site-bg.jpg") no-repeat center center / cover; }
header1,header2,header3,header4 { position: fixed; }
}

/*
@media(min-width:1201px) {
.header1 { background: rgba(0, 0, 0, 0) url("/site/home1.jpg") no-repeat fixed center center / cover; }
.header2 { background: rgba(0, 0, 0, 0) url("/site/home2.jpg") no-repeat fixed center center / cover; }
.header3 { background: rgba(0, 0, 0, 0) url("/site/home3.jpg") no-repeat fixed center center / cover; }
.header4 { background: rgba(0, 0, 0, 0) url("/site/home4.jpg") no-repeat fixed center center / cover; }
}

@media(max-width:1200px) {
.header1 { background: rgba(0, 0, 0, 0) url("/site/home1.jpg") no-repeat center center / cover; }
.header2 { background: rgba(0, 0, 0, 0) url("/site/home2.jpg") no-repeat center center / cover; }
.header3 { background: rgba(0, 0, 0, 0) url("/site/home3.jpg") no-repeat center center / cover; }
.header4 { background: rgba(0, 0, 0, 0) url("/site/home4.jpg") no-repeat center center / cover; }
header1,header2,header3,header4 { position: fixed; }
}
*/

@media(max-width:800px) {
.banner h2 { margin: 0; text-shadow: 2px 2px 3px rgba(0,0,0,0.6); font-size: 3em; }
.header { background-attachment:scroll; background-size:cover; }
.header2 h1, .header3 h1 { font-size:40px; }
.header2 h3, .header3 h3 { font-size:25px; }
.header-message { /*top:125px;*/ }
.header-message img { width:100px;}
.header-message > h1 { font-size: 3em; }
.jumbotron {
  height: 103px;
  margin: 0 0 50px;
  padding: 0 0 20px;
  position: relative;
  right: 0;
  top: 50px;
}
.jumbotron h1 { font-size: 3em; padding:0px; }
.jumbotron a { color: white; }
.intro-divider { width: 100%; }
}

@media(min-width:769px) {
#more-content img { padding-top: 100px; }
#content img { /* padding-top: 50px; */ }
}

@media(max-width:769px) {
footer { text-align:center; }
.header1 { display:none; }
.content-section-1 { /*margin-top:50px;*/ }
}

@media(max-width:640px) {
.header-message { 89top:100px;98 }
.header-message img { width:75px;}
}

@media(max-width:480px) {
.header-message { 89top:75px;98 }
.header-message img { width:50px; }
.carousel-indicators, .carousel-caption { display:none; }
}

@media(max-width:414px) {
.header-message { top:20px; }
.header-message h1{ font-size:1.2em; }
.header-message img { width:50px; }
.carousel-indicators, .carousel-caption { display:none; }
}
