@charset "utf-8";

body{
	color: #F1F1F1;
	background: #222;
	/*background:url("../images/backspace_1.png") #222 no-repeat;
	background-size: 100% auto;*/}

ul{padding: 0;}

.centered{margin-left:auto;margin-right:auto;float:none;}
.center{text-align: center;}
.title-hidden{display: none;}

.title{
	background: url("../images/landscape_tall.jpg") no-repeat center top #000;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	text-align: center;
	color: #fff;
	height: 650px;
	width: 100%;	
}
.title .logo{padding:200px 0 0 0;}
.title .logo-mobile{display: none;}

@media screen and (max-width: 40em){
	.title{background-image:url("../images/landscape_mobile.jpg");height:300px; }
	.title .logo{display:none }
	.title .logo-mobile{display:block; padding-top:100px; text-align:center; }
	.title .logo-mobile img{max-width:180px; }
	.btn-dl-app-store img{max-width:116px; }
	.btn-dl-google-play img{max-width:100px; }
	.btn-dl-steam img{display: none; }
	
}

@media only screen{
	.show-small{display:inherit !important }
	.hide-small{display:none !important }
}

@media only screen and (min-width: 46em){
	.show-small{display:none !important }
	.hide-small{display:inherit !important }	
}

.inline-list li{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline; margin:0 auto; margin-bottom:2.5em;list-style:none }

.download{margin-top: 10px; margin-bottom: 20px;}
.download .col-lg-4{ margin: 20px; text-align: center;}
.download .col-sm-12{ font-size: 30px;}
.download span{color: red; font-size: 18px;}
.download li{margin: 0 6px;}

.video{background: url("../images/heroes_bg.jpg") no-repeat center center;background-size:cover;text-align:center;position:relative;padding:0;z-index:3;overflow:hidden; width: 100%; margin-bottom: 20px; }
.video .video-cover img,.video iframe{margin:20px 0;-webkit-box-shadow:rgba(5,6,6,0.75) 0 0 40px;-moz-box-shadow:rgba(5,6,6,0.75) 0 0 40px;box-shadow:rgba(5,6,6,0.75) 0 0 40px }
.video iframe{width:533px;height:340px }

@media screen and (max-width: 40em){.video iframe{height:70%; width: 70%; }
 }