﻿
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
  margin-bottom: 60px;
}

.carousel-control {
  top: 76%;
}

.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 600px;
  background-color:#bbb;
  overflow:hidden;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;
}

#searchForm {
	position:absolute;
  	top:40%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {

  .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  	max-width:inherit;
  }

  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
}


.grid_1{
	width:95%;
	margin:0 auto;
}
.col_1{
	padding:5px;
}
.col_1 h4{
  font-size: 5em;
  text-align: center;
  font-style: italic;
  padding:1.5em 0 0 0;
  font-weight:100;
}
.grid_1{
	padding:5em 0;
}
.grid_1 h3{
	color:#000;
	font-weight:100;
	font-size:2em;
	text-align:center;
	margin-bottom:1em;
}
.col_1_of_5:first-child {
  margin-left: 0;
}
.col_1_of_5 {
  display: block;
  float: left;
  margin: 1% 0 1% 3.6%;
}
.span_1_of_5 {
  width:21.9%;
}
ul.list1{
  padding:0;
  margin:0;
  list-style:none;
}
ul.list1 li {
  margin: 0 0 8px 0;
}
ul.list1 li a {
  font-size: 1.1em;
  color: #bba377;
}
ul.list1 li a:hover{
	text-decoration:none;
	color:#555;
}
.col_2 h3{
  font-size: 1.8em;
  color: #000;
  font-style: italic;
  font-weight: 100;
  padding: 2em 0 0 0;
}
.grid_2 {
  padding-bottom: 5em;
}
.grid_3{
	background:#555;
	padding:2em 0;
	text-align:center;
}
.grid_3 p{
	color:#fff;
	font-size: 0.85em;
	margin:1em 0 0 0;
}
.grid_3 p a{
	color:#fff;
}


 .flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}
