/* This uses an alternate color promo - 24929c and alt 085e66*/

body {font-family: 'MikadoRegular', sans-serif; background-color: #f0f0f0;}
h1, h2, h3, h4 {font-family: 'MikadoBold', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
h1 {font-size: 64px;}
h2 {font-size: 48px; text-align: center; color: #24929c;}
h3 {text-align: center;}
img {width: 100%;}

a {color: #24929c;}
	a:hover {color: #085e66; 
	webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
	
.btn-primary {font-family: 'MikadoBold', 'Helvetica Neue', Arial, Helvetica, sans-serif;text-transform: uppercase; padding: 10px 15px;  border: none; font-size: 18px; background-color: #24929c;}
	.btn-primary:hover {background-color: #085e66;}


/* Navbar */
.navbar-inverse {background-color: rgba(0,0,10,0.5); background: rgba(10,0,10,0.5); background-image: none; border-bottom: none; color: #fff;}
.navbar-inverse .navbar-nav {margin-top: 10px;}
.navbar-inverse .navbar-nav>li>a {color: #fff; font-weight: 600; font-size: 16px; }
.navbar-inverse .navbar-brand {font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; font-weight: 700; padding: 3px 4px 3px 20px; margin-top: 10px; margin-left: 10px;
text-indent: -999px;
background: transparent url(img/limbic_logo.png) top left no-repeat; 
background-size: 100%;
width: 160px; height: 60px; display: block;
}
.navbar-toggle {margin-top: 18px;}

.navbar-collapse {border: none;}
.navbar-collapse.in {border: none; }


/* Video Thing */

#ipad-video{bottom:0;position:absolute;width:100%; z-index: 10; }
video {display: inline-block; z-index: 10; }

.hero {position: absolute; top: 0; height: 500px; width: 100%; background: #ccc url(img/video_still.jpg) top center no-repeat ; background-size: 100%;}

.pitch {color: #fff; z-index: 110; display: block; padding-top: 0px; position: absolute; top: 100px; left: 0; margin-top: 100px; text-align: center; width: 100%;}


	.pitch .btn-primary  {border: 2px solid #fff; border: 3px solid rgba(255,255,255,0.5); background: transparent; background: rgba(255,255,255,0.1);}
		.pitch .btn-primary:hover {border: 2px solid #fff; border: 3px solid rgba(255,255,255,0.8); background: transparent; background: rgba(255,255,255,0.5);}

/* Homepage Content */

#below-video {padding-top: 520px;}
.game {margin-top: 20px; background: #ccc; text-align: center; padding-top: 40px;  color: #fff; font-weight: 700; text-shadow: 1px 1px 2px #111; font-size: 18px;}
	.game a {color: #fff; }
		.game a:hover {text-decoration: none;}
	.game h3{ color: #fff; position: relative;  font-size: 36px;}
	.game h3 a img {width: 100%;  }
		.game a img:hover {}
	.game .stores {padding-top: 10px;}		
	.game .stores a {display: inline-block; margin: 0px 5px; }
	.game .stores a:nth-child(1) {border-right: 1px solid #fff; padding-right: 15px;}

	.game-revenant {background: url(img/revenantc.jpg) top center no-repeat; background-size: cover;}
		.game-revenant:hover {background: url(img/revenant.jpg) top center no-repeat; background-size: cover;}
	.game-survival {background: url(img/survivalc.jpg) top center no-repeat; background-size: cover;}
		.game-survival:hover {background: url(img/survival.jpg) top center no-repeat; background-size: cover;}
	.game-zombie {background: url(img/zombie2c.jpg) top center no-repeat; background-size: cover;}
		.game-zombie:hover {background: url(img/zombie2.jpg) top center no-repeat; background-size: cover;}
	.game-nuts {background: url(img/nutsc.jpg) top center no-repeat; background-size: cover;}
		.game-nuts:hover {background: url(img/nuts.jpg) top center no-repeat; background-size: cover;}
	.game-tower2 {background: url(img/tower2c.jpg) top center no-repeat; background-size: cover;}
		.game-tower2:hover {background: url(img/tower2.jpg) top center no-repeat; background-size: cover;}
	.game-grinchmas {background: url(img/grinchmas.jpg) top center no-repeat; background-size: cover;}
		.game-grinchmas:hover {background: url(img/grinchmas2.jpg) top center no-repeat; background-size: cover;}		

.game-zombiegunship {background: url(img/gunship.jpg) top center no-repeat; background-size: cover;}
	.game-zombiegunship:hover {background: url(img/gunship2.jpg) top center no-repeat; background-size: cover;}

.game-tower {background: url(img/towerM2.jpg) top center no-repeat; background-size: cover;}
	.game-tower:hover {background: url(img/towerM.jpg) top center no-repeat; background-size: cover;}

.game-reality {background: url(img/realityB.jpg) top center no-repeat; background-size: cover;}
	.game-reality:hover {background: url(img/realityA.jpg) top center no-repeat; background-size: cover;}

#about {background: #24929c; background: #333 url(img/diamonds.png) top center repeat; color: #fff; margin-top: 50px;}
	#about h2 {color: #fff;}
.about-us {padding: 40px 0;}
	.about-us h3 {padding-top: 20px;}
	
.team-member {text-align: left; margin: 15px 0;}
	.team-member h4, .team-member p {margin-left: 30px; margin-right: 30px;}
	.team-member img {width: 80%; border-radius: 5px; margin: 0px auto; display: block; margin-bottom: 20px;}
	
#customer-support {text-align: center; padding: 50px 0 80px 0; background: #c9c9c9;}	
/* Footer */
#footer {margin-top: 0px; padding: 60px 0; background: #333 url(img/diagmonds.png) top center repeat; color: #ccc;}
	#footer ul {list-style: none; padding-left: 0; }
		#footer ul li {margin-left: 0;}

.carousel {margin-top: 0px; margin-bottom: 0px}
 .item {max-height: 500px;}


/* Responsive Adjustments */
@media (max-width: 920px) {
	.hero {height: 400px;}
	.pitch {margin-top: 30px;}
	#below-video {padding-top: 420px;}
	
}
@media (max-width: 768px) {
	.game h3 a img {width: 60%;  }
	.game {padding-top: 20px;}
	
}
@media (max-width: 720px) {
	.hero {height: 300px;}
	.pitch {margin-top: 0px; top: 80px;}
	h1 {font-size: 48px; }
	#below-video {padding-top: 320px;}	
	
	
}

@media (max-width: 760px) {
	
}

@media (max-width: 480px) {
	.hero {background-size: cover;  height: 400px; }
	.hero video {display: none;}
	.pitch {margin-top: 0; top: 100px;}
	#below-video {padding-top: 420px;}
	.game h3 a img {width: 100%;  }
	
	
}