html, body {
	height: 100%;
	font: 400 15px/1.8 Lato, sans-serif;
	color: #777;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom: 60px; /* this needs to be bigger than footer height*/
}

.container {
	padding: 40px 120px;
}

@media (max-width: 1200px) {
	.container {
		padding: 80px 20px;
	}
}

.affix {
	top: 0;
	width: 100%;
}

  .affix + .container-fluid {
	padding-top: 70px;
}

.navbar {
	font-family: Montserrat, sans-serif;
	margin-bottom: 0;
	/*background-color: #2d2d30;*/
	background-color: #96969c;
	border: 0;
	font-size: 11px !important;
	letter-spacing: 4px;
	opacity: 0.9;
	-webkit-box-shadow: 0px 0px 30px grey;
	-moz-box-shadow: 0px 0px 30px grey;
	box-shadow: 0px 0px 30px grey;
	z-index: 999;
}

@media (min-width: 1000px) {
	.navbar-collapse.collapse {
		display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
	}
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar li a, .navbar .navbar-brand { 
	color: #cacace !important;
	font-size: 15px !important;
	/*color: #fff !important;*/
}
.navbar-nav li a:hover {
	color: #fff !important;
}
.navbar-nav li.active a {
	color: #fff !important;
	background-color: #29292c !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}

.carousel-inner img {
	width: 100%; 
	margin: auto;
}
.carousel-caption h3 {
	color: #fff !important;
}

footer {
	background-color: #2d2d30;
	color: #888; /*f5f5f5;*/
	padding: 5px;
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	/*clear:both;*/
}
footer a, footer span {
	color: #888;
	margin: 10px 10px 10px 10px;
}
footer a:hover {
	color: #fff;
	text-decoration: none;
}