@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);
html, body {
	height: auto 100%;
	/* The html and body elements cannot have any padding or margin. */
	-webkit-font-smoothing: antialiased;
	font: normal 14px arial, sans-serif;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
	margin: 0 auto -60px;/* Pad bottom by footer height
  padding: 0 0 60px; */
}
/* Set the fixed height of the footer here */
#footer {
	height: 70px;
	margin-top: -32px;
	padding-top: 20px;
	padding-bottom: 20px;
}
/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
	padding: 60px 15px 0;
}
.container .credit {
	margin: 20px 0;
}
#footer {
	background-color: #414141;
}
#footer a {
	color: #efefef;
}
h1, h2, h3, h4 {
	/*font-family: 'Kreon', serif;*/
	vertical-align: middle;
}
header {
	background: none repeat scroll 0 0 #000;
	border-bottom: 1px solid #000000;
	color: #000000;
	/*height: 600px;*/
	height: 49vh !important;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  header {
    height: 93vh !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  header {
    height: 90.6vh !important;
  }
}
@media screen and (min-width:1025px) {
header {
	height: 97.8vh !important;
}
}
h1 {
	font-size: 1.8em
}
@media screen and (min-width: 768px) {
    h1 {
    font-size: 2.1em;
    }
}
@media screen and (min-width:1025px) {
    h1 {
    font-size: 2.5em;
    }
}
header h1, header h2, header h3 a, header a, header a:hover {
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}
header h3 {
/*font-family: 'Kreon', serif;
  background: #ffcc33;
  padding:10px;
  border-radius:3px;
  font-size:34px;
  padding:12px 10px 6px 10px;*/
}
header .dropdown-menu {
	background: #ffcc33;
	border-width: 0;
}
h1 {
	text-transform: uppercase;
}
#nav {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	position: relative;
	top: -32px;
	width: 100%;
}
/*@media screen and (min-width: 768px) {
    #nav {
    top: 0px;
    }
}
@media screen and (min-width:1025px) {
    #nav {
    top: 0px;
    }
}*/
#nav.affix {
	position: fixed;
	top: 0;
	z-index: 10;
	-webkit-transition: all .6s ease-in-out;
}
/*@media screen and (min-width: 768px) {
    #nav.affix {
    top: 0px;
    }
}
@media screen and (min-width:1025px) {
    #nav.affix {
    top: 0px;
    }
}*/
#footer > .container {
}
 @media (min-width: 767px) {
.navbar-nav.nav-justified > li {
	float: none;
}
}
.navbar-nav {
/*margin: 1px 1px;*/ 
}
/* customize nav style */
.navbar-custom {
	background-color: #2e2e2e;
	font-weight: 700;
	text-transform: uppercase;
	border-width: 0;
}
.navbar-custom .navbar-nav>li>a {
	color: #ddd;
}
.navbar-custom .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a {
	background-color: #000;
}
.navbar-custom .dropdown-menu {
	right: 0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}
.navbar-collapse.in { /*3.0.2 bug workaround*/
	overflow-y: visible;
}
.navbar-toggle {
	outline: 0;
}
.divider {
	height: 100px;/*background:#efefef;*/
}
.panel {
	border-width: 0;
}
#map-canvas {
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 15px;
}
.scroll-top {
	position: fixed;
	bottom: 0;
	right: 6%;
	z-index: 100;
	background: #ffcc33;
	font-size: 24px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.scroll-top a:link, .scroll-top a:visited {
	color: #222;
}
section {
	color: #ffffff;
	min-height: 400px;
	height: auto !important;
	height: 100%;
	padding-top: 0px;
}

/*.bg-1 {
	background: url('http://www.bootply.com/assets/example/bg_4.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-2 {
	background: url('http://www.bootply.com/assets/example/bg_5.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-3 {
	background: url('http://www.bootply.com/assets/example/bg_6.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-4 {
	padding-top:30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20,20,20,0.2)),to(rgba(255,255,255,0)), color-stop(1,#000));
}/*