@import url('https://fonts.googleapis.com/css?family=Anton|Roboto|Spectral+SC');

body {
font-family: 'Roboto', sans-serif;
padding-top: 5rem;
background-color:#2e1e01;
margin:0px;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: 'Spectral SC', serif;
	//font-family: 'Anton', sans-serif;
	font-weight: 700;
}

.nav-item {
  padding-left:1rem;
  padding-right:1rem;
}


.jumbotron {
background: url('images/bg.jpg') no-repeat center top;
background-size:cover;
padding-bottom:15rem;
margin-bottom:0px;
}


.text-black {
color:black;
}

.text-white {
color:white;
}


.carousel {
border:6px solid white;
}

.bg-white {
background-color:white;
}


.banner
{
	padding: 100px 0;
	color: #f8f8f8;
	background: url(images/trailer.jpg) no-repeat center center;
	background-size: 100% auto;
}

.banner h2
{
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 3em;
}




.intro-header
{
	padding-top: 20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	//padding-bottom: 50px;
	padding-bottom:20px;
	text-align: center;
	color: #f8f8f8;
	background: url(../images/bga.jpg) no-repeat center center;
	background-size: cover
}

.intro-message
{
	position: relative;
	padding-top: 15% ;
	//padding-bottom: 20% ;
}

.home-message
{
	font-family: 'Kaushan Script', cursive;
	font-size:3em;
	color:white;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.intro-message > h1
{
	margin-top: -50px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 5em;
	color:#4c360d;
}

.intro-divider
{
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message > h3
{
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.intro-message > h2
{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	color: #990000;
} 
.carousel-caption {font-size:24px;}
@media(max-width:767px) {
   

    .intro-message {
        padding-bottom: 15%;
 padding-top:130px;   } 

.intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}



@
media(max-width: 1199 px)
{
	ul.banner-social-buttons
	{
		float: left;
		margin-top: 15 px;
	}
}

@
media(max-width: 767px)
{
	.banner h2
	{
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
		font-size: 3em;
	}

	ul.banner-social-buttons > li
	{
		display: block;
		margin-bottom: 20 px;
		padding: 0;
	}

	ul.banner-social-buttons > li: last - child
	{
		margin-bottom: 0;
	}
}

footer
{
	padding: 50px 0;
	background-color: #b7a795;
	border-top:10px solid #4c360d;
}



}

.bg-tan {
background-color: #b7a795;
}



.main {
    padding-top: 60px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	font-size:14px;
	//background-color:rgba(255,255,255,0.8);
	background-color:#b7a795;
box-shadow:10px 0 10px -6px #333333, -10px 0 10px -6px #333333;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

a {
color:#255885;
}