@charset "utf-8";
/* Content Styles */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
background: #000;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
}

header {
width:100%;
padding:0 1%; 
min-height: 75px; 
background:#000;
color:#FFF;}

header h1 {margin:0; padding:0}

.gridContainer {
margin-top:18px;
	background:#000;
	box-shadow: 4px 4px 20px #000;
}
.gridContainer div {padding: 1%;}



img {box-shadow: 1px 2px 2px #000; border-radius: 12px;}

.banner {width:100%; vertical-align:bottom; 
box-shadow:none; border-radius:0;
}

.caption {text-align:center;
font-size: 125%;
margin:0;
padding:0;
}

#nav {
background-color: #BF5700;
text-align: center;
z-index:9999;
}

#nav ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav ul li {
display: inline-block;
padding: 5px 0;
margin: 0;
}

#nav.fixed {
width: 100%;
position: fixed;
top: 0;
left: 0;
}

nav ul li a {
padding: 0 5px;
text-decoration: none;
color: #fff;
}

nav ul li:hover {
background-color: #964B00;
transform: scale(1.1);
transition: all ease 500ms;
}


#responsive-nav {
cursor: pointer;
color: #fff;
font-family: arial;
font-weight: bold;
font-size: 175%;
padding: 5px 0;
}



.desktop {
	display:block;
}

.mobile, .tablet {
	display:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

/* Special Rules for tablets */
@media only screen and (max-width: 768px) {
	.desktop, .mobile {display:none}
	.tablet {display:block}
}

/* Special Rules for mobiles */
@media only screen and (max-width: 480px) {
	.desktop, .tablet {display:none}
	.mobile {display:block}
}