/* GLOBAL STYLES -------------------------------------------- */

body {
  color: #666;
}

/* NAVBAR -------------------------------------------------- */

.navbar {
	background-color:#fff;
}

.navbar-header {
	height:75px;
}
.navbar-brand {
	margin-top:-15px;
}

.navbar ul {
	margin-top:15px;
	}
#logo {max-width:85%;
	margin-top:15px;
}

/* THE CAROUSEL -------------------------------------------------- */

.carousel {
  height: 500px;
  margin-top: 75px;
}
.carousel-caption {
  z-index: 10;
  margin-left:-20px;
}

.carousel .item {
  height: 500px;
  background-color: #000;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
.carousel h1 {
	font: 700 42px/45px "futura-pt", sans-serif;
	color: #fff;
	letter-spacing: 10px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 20px 0;
}

.carousel h2 {
	font: 400 30px/25px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	color: #fff;
	letter-spacing: 6px;
	text-transform: none;
	text-align: center;
	margin:50px;
}


/* INTRO -------------------------------------------------- */

.orange{
	background: rgba(255,128,0,1);
background: -moz-linear-gradient(top, rgba(255,128,0,1) 0%, rgba(230,77,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,128,0,1)), color-stop(100%, rgba(230,77,0,1)));
background: -webkit-linear-gradient(top, rgba(255,128,0,1) 0%, rgba(230,77,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,128,0,1) 0%, rgba(230,77,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,128,0,1) 0%, rgba(230,77,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,128,0,1) 0%, rgba(230,77,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#e64d00', GradientType=0 );
}

.intro {
	padding-top:40px;
	max-width:90%;
	margin:auto;
}
.intro h2 {
	text-align: left;
	color:#fff;
	font: 700 28px/22px "futura-pt", sans-serif;
}
.intro p {
	text-align: left;
	color:#fff;
	font: 400 14px/22px "futura-pt", sans-serif;
}

.intro ul {padding-left:20px;}
.intro li {
	text-align: left;
	color:#fff;
	font: 400 14px/22px "futura-pt", sans-serif;
	list-style-position: inside;
}

/* Dates -------------------------------------------------- */
.date {
	padding: 0px 80px 10px 30px;
}

.date h3, .date p {
	text-align: left;
	color:#444;
}

.callout p {
	font: 400 14px/18px "futura-pt", sans-serif;
}

.callout {
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #858586 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#858586)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#858586 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9e9 0%,#858586 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#858586 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9e9 0%,#858586 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#858586',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-bottom: 1px solid #555;
	border-top: 2px solid #fff;
	border-right: 1px solid #666;
	border-left: 1px solid #CCC;
	margin:40px 0 40px 0;
}

#hornet {
	margin:20px 0 0 360px;
	position:absolute;
	}
	
/* DETAILS  -------------------------------------------------- */

.details .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.details h2 {
  font-weight: normal;
}
.details col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* CUSTOM CSS    -------------------------------------------------- */


.grey {
	background-color:#dfdfdf;
	padding-top:40px;
}

.grey h3 {
	color: #666;
	font: 700 22px/22px "futura-pt", sans-serif;
	text-transform: none;
	text-align: center;
}

.grey p {
	color: #666;
	font: 400 14px/20px "futura-pt", sans-serif;
	text-align:center;
	
}
.rsvp { 
	padding: 40px;
	margin: 0 auto;
	text-align:center;
	max-width:900px
}

footer {
	background: #868686;
	padding: 20px 0 5px 0;
}

footer p {
	font: 400 10px/20px "futura-pt", sans-serif;
	text-align: center;
	color:#fff;
}

.btn-primary {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6772f), color-stop(1, #f65a04) );
	background:-moz-linear-gradient( center top, #f6772f 5%, #f65a04 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6772f', endColorstr='#f65a04');
	background-color:#f65a04;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:none;
	color:#ffffff;
	font-family:Arial;
	font-size:25px;
	font-weight: 300;
	font-style:normal;
	height:40px;
	line-height:20px;
	width:150px;
	text-decoration:none;
	text-align:center;
	margin: 0 auto;
	display: block;
}
.btn-primary:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6782f), color-stop(1, #d65100) );
	background:-moz-linear-gradient( center top, #f6782f 5%, #d65100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6782f', endColorstr='#d65100');
	
}
.btn-primary:active {
	position:relative;
	top:1px;
}

/* Contact -------------------------------------------------- */
.contact-header {
	margin-top:60px;
	padding-bottom:50px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

#hornet {
	margin:20px 0 0 500px;
	position:absolute;
}

#logo {
	max-width:100%;
	margin-top:0px;
}
.carousel-caption {
  z-index: 10;
  margin-bottom:60px;
}
}

@media (min-width: 992px) {
#hornet {
			margin:20px 0 0 280px;
			position:absolute;
	}
}
@media (min-width: 1200px) {
#hornet {
			margin:20px 0 0 360px;
			position:absolute;
	}
}