#jumbotron .inner {
	height:522px !important;
}
/* section {
	min-height:200px;
} */

h1 {
	font-family: trajan-pro; 
	font-size: 3.3em;
	text-transform: uppercase;
}
h2 {
	font-family: trajan-pro;
	font-size: 2.3em;
	text-transform: uppercase;
}

.generic-button {
	margin: 0 auto 0 auto;
	cursor: pointer;
	letter-spacing: .45em;
}

.flavor-text {
	color: #c8b993;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd0ad), to(#9b8f6f));
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#jumbotron .inner.feature .frames-border.right,
#jumbotron .inner.feature .frames-border.left {
	height: 472px;
}

#videotext {
	background:url('../images/leftPromo.jpg');
	width:334px;
	overflow:hidden;
	height:472px;
	float:left;
	margin: 0;
	text-align: center;
	padding: 240px 0 0 0; 
}
#videotext h1 {
	font-size: 41px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000;
	-webkit-text-shadow: 1px 1px 3px #000;
	-o-text-shadow: 1px 1px 3px #000;}
#videotext h2 {
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #333;
	-webkit-text-shadow: 1px 1px 2px #333;
	-o-text-shadow: 1px 1px 2px #333;  }
#videotext p {
	font-size: 19px;
	line-height: 1.6em;
	margin: auto;
	position: relative;
	text-align: center;
	width: 86%;
	margin-top: 8px;
}
#learnmore {
	width:190px;
	margin:auto;
	background:url('../images/learn-more-btn.png');
	height:30px;
	position:relative;
	top:330px;
	cursor: pointer; 
}
.right-video {
	width:825px;
	height:472px;
	float:left;
}
#social-count {
	position:relative;
	right:-72%;
	top:-36px;
	color:#c1864b;
	width:316px;
}
#social-count .commentcount {
	color:white;	
}
#social-count .spacer {
	margin-right:10px;
	display:inline;
}

#social-count .fbcount {
	margin-right:5px;
}
#social-count #clue {
	background:url('../images/clue-icon.png');
	width:28px;
	height:26px;
	margin-right:30px;
	float:left;
	position:relative;
	top:-4px;
}
#twitter-icon {
	background:url('../images/tweet-button.png');
	width:28px;
	height:26px;
}
#fb-icon {
	background:url('../images/fb-button.png');
	width:28px;
	height:26px;
}
#social-count .socialicon {
	float:right;
}
#about-multi .sect-header {
	font-size:1.3em;
	margin-bottom:20px;
}
#about-multi p, #conflict p, #gds p, #multiplayer-modes p, #strategy p, #faq p, #beta p {
	font-size:15px;
	line-height:1.5em;
	font-size: 1.1em;
	width:500px;
	color: #dbd2ba;
}
#about-multi p {
	width:100%;
}
#divider1 {
	background:url('../images/begin-rise-divider.png');
	height:76px;
	background-position:-89px 0px;
	margin-top:35px;
}

#conflict {
	width: 1185px;
	margin: 0 auto 80px auto;
}
#conflict h2, #conflict h1 {
	text-transform: capitalize; 
}
#conflict h2 {
	margin: 0 0 0 35px;
}
#conflict .left-img {
	width: 600px;
	float: left;
	padding: 120px 0 0 0;
}
#conflict .right-text {
	float: left;
}
#conflict .title {
	margin: 20px 0 15px 60px;
}
#conflict .column-text {
	padding: 0 0 0 620px;
}
#conflict .sect-divider {
	margin: 20px 0 0 40px;
}
#conflict-header {
	background:url('../images/conflict-2.png');
	width:296px;
	height:100px;
	margin: 15px 0 20px 70px;
}
.sect-divider {
	width: 425px;
	margin: 0px auto 0 auto; 
}
#gds {
	margin: 40px 0 0 0; }
#gds .title {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
#gds .left-text {
	width:500px;
	margin-right:30px;
	float:left;
}
#gds .left-text p {
	width:95%;
	margin-left:5%;
	margin-bottom:50px;
}
#g-header {
	background:url('../images/g-header.png');
	width:164px;
	height:87px;
	margin:auto;
	margin-bottom:20px;
}
.learn-more-inner {
	background: url('../images/learn-more-2.png');
	width:155px;
	height:16px;
	margin:auto;
}
#gds .title {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
#gds .right-images {
	width:600px;
	float:left;
}
#gds .right-images .card,
#multiplayer-modes .card {
	float:left;
	height:200px;
	width:145px;
	margin-right:5px;
}
#gds .right-images .zeus {
	background: url('../images/zeus.jpg');
}

#gds .right-images .ares{
	background: url('../images/ares.png');
}

#gds .right-images .poseidon{
	background: url('../images/poseidon.jpg');
}

#gds .right-images .hades{
	background: url('../images/1hades.jpg');
}	

#gds .right-images .coming-soon,
#multiplayer-modes .coming-soon {
	background: url('../images/card-coming-soon.jpg');
}

#gds #cards, #multiplayer-modes #modes {
	border:2px solid #1d1712;
	width:607px;
	margin-bottom:10px;
	height:210px;
	margin-top:115px;
	padding-top:2px;
	padding-left:3px;
}
#cards .last {
	margin-right:0px;
}
#gds .g-name {
	width:150px;
	text-transform:uppercase;
	float:left;
	text-align:center;
}
#gds #g-names, #strategy #strategies {
	width:100%;
}
#strategy .left-img { margin: 100px 0 0 0; }
#multiplayer-modes {
	margin: 20px 0 0 0; }
#multiplayer-modes .title {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
#multiplayer-modes #mmodeheader {
	background: url('../images/multiplayer-modes.png');
	height:90px;
	width:276px;
	margin:auto;
	margin-bottom:20px;
}
#multiplayer-modes .left-img {
	float:left;
	margin-right:10px;
}
#multiplayer-modes .mode1 {
	background: url('../images/multiplayer-mode-1.png');
}
#multiplayer-modes .mode2 {
	background: url('../images/multiplayer-mode-2.png');
}
#multiplayer-modes .mode3 {
	background: url('../images/multiplayer-mode-3.png');
}

#multiplayer-modes .mode4 {
	background: url('../images/multiplayer-mode-4.png');
}

#multiplayer-modes .right-text {
	width:480px;
	float:left;
	clear:right;
}
#multiplayer-modes .right-text p {
	margin-bottom:30px; 
}
#mode-names .mode-name {
	width:145px;
	margin-left:5px;
    display: inline-block;
    float: left;
	text-transform:uppercase;
	text-align:center;
}

#mode-names .mode-name.first{
	margin-left: 3px;
}

#strategy .title {
	width: 300px;
	text-align: center;
	margin: 0 0 20px 100px;
}
#strategy .left-img {
	float:left;
	width:600px;
}
#strategy .right-text {
	width:500px;
	float:left;
}
#strategyheader {
	background: url('../images/multiplayer-strategy.png');
	height:90px;
	width:277px;
	margin:auto;
	margin-bottom:30px;
}
#strategies {
	width:100%;
	height:271px;
	border:2px solid #1d1712;
	padding-top:4px;
}
#strategies .card {
	width:186px;
	margin-right:10px;
	height:258px;
	float:left;
}
.strategy-basic  {
	background: url('../images/strategy-basic.png');
	margin-left:9px;
}
.strategy-intermediate  {
	background: url('../images/strategy-intermediate.png');
}
.strategy-advanced  {
	background: url('../images/strategy-advanced.png');
}
#strategies .last {
	margin-right:0px;
}
#strategy .sname {
	width:200px;
	float:left;
	text-transform:uppercase;
	text-align:center;
}
.faqheader {
	width:276px;
	height:100px;
	margin:auto;
	margin-bottom:20px;
}
#faq p {
	margin: 0 auto 25px auto;
	width: 720px; }
	
#faq .title {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0; 
}
#faq .title h1 {
	font-size: 3.6em;
}
#faq .generic-button {
	text-align: center;
	margin: 40px auto 10px auto;
	color: #FFF;
	letter-spacing: .31em;
	cursor: pointer; }

.faq-divider {
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	width:692px;
	height:33px;
	clear:both;
}
.big-img {
	margin:auto;	
}
.divider {
	width:425px;
	height:31px;
	margin:auto;
}
#strategy-names .sname {
	margin-top:15px;
}
#promos {
	text-transform:uppercase;
}
.sect-header {
	font-family:trajan-pro, serif;
}
.fake-social {
	width:790px;
	margin:auto;
}
#main-footer  {
	min-height:0 !important;
}
#main-footer .inner {
	margin-bottom:5px !important;
}
#multiplayer-modes .divider, #strategy .divider {
	margin-bottom:35px;
}
.right-text p {
	margin-bottom:25px;
	padding-left:15px;
}
#betaheader {
	background: url('../images/get-into-beta.png');
	height:90px;
	width:266px;
	margin: 0 0 20px 80px; 
}
#beta {
	margin: 30px 0 0 0; }
#beta .title {
	width: 300px;
	text-align: center;
	margin: 0 0 20px 60px; 
}
#beta .title h2 {
	text-transform: capitalize;
}
#beta .left-text, #beta .right-img {
	width:600px;
	float:left;
}
#beta .right-img {
	clear:right;
}

#beta .left-text p {
	margin-bottom:25px;
}
#beta .generic-button {
	margin: 0 0 0 180px;
}
#beta .divider {
	margin: 0 0 0 40px; 
}
li.join.multiplayer h2 {
	font-size:2.1em !important;
}

/*new by plainconcepts*/
#videotextMobile{
	display: none;
}

.carousel-nav{
	display: none;
}

.arrow{
	display: none;
	position: relative;
	top: -87px;
	left: 50%;
	margin-left: -32px;
	z-index: 2;
}

#about-multi .social{
	display: none;
}

.mobile-right-images{
	display: none;
}

.mode-card-item .mode-name{
	display: none;
}

.mode-card-item{
	float: left;
}

.first-row .clearfix{
	display: none;
}

.second-row .clearfix{
	display: none;
}

.mobile-item-image{
	display: none;
}

.strategy-card-item .sname{
	display: none;
}

.divider.last{
	margin: 80px auto 60px auto;
}

.ascent-divider{
	display: none;
}

@media screen and (max-width: 767px){
	.container{
		min-width: 320px;
	}
	#videotext{
		display: none;
	}

	#videotextMobile {
		display: block;
		clear: both;
		padding: 30px 27px 40px 26px;
	}

	#jumbotron .inner{
		height: auto!important;
	}

	#jumbotron .inner .social{
		display: none;
	}

	#jumbotron #videocontainer {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0;
        height: 0;
        width: 100%;
    }

        #jumbotron #videocontainer object, #jumbotron #videocontainer embed, #jumbotron #videocontainer img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

    #videotextMobile h1, #videotextMobile h2{
    	text-align: center;
    	letter-spacing: -0.065;
    }

    #videotextMobile h2 {
    	font-size: 18.45px;
    }

    #videotextMobile h1 {
    	font-size: 50.19px;
    }

    #videotextMobile p {
    	font-size: 16px;
    	line-height: 20px;
    	letter-spacing: -0.01em;
    	color: #dbd2ba;
    	text-align: left;
    }

    #about-multi .sect-header{
    	font-size: 30.05px;
    	letter-spacing: -0.065em;
    	color: #cfcbc1;
    	text-align: center;
    	background-image: none;
    	-webkit-text-fill-color: #cfcbc1;
    }

    #about-multi p, #conflict p, #gds p, #multiplayer-modes p, #strategy p, #faq p, #beta p {
    	text-align: left;
    	font-size: 16px;
    	margin: 0 auto;
    	letter-spacing: -0.01em;
    	padding: 0 26px;
    	width: auto;
    	line-height: 20px;
    }

    #divider1{
    	display:none;
    }

    .carousel-nav{
    	display: block;
    	background-image: url(../images/jumbotron/carousel-nav.png);
	    background-position: center top;
	    background-repeat: no-repeat;
	    width: auto;
	    height: 49px;
	    line-height: 49px;
	    text-align: center;
	    font-family: trajan-pro;
	    font-size: 24px;
	    letter-spacing: -0.065em;
	    color: #cdb781;
	    margin-top: 30px;
    }

    .arrow{
    	display: block;
    	top: -13px;
  	}

  	#conflict{
  		width: 100%;
  		margin-bottom: 40px;
  	}

  	#conflict .left-img{
  		width: 100%;
  		padding: 0;
  		float: none;
  	}

  	#conflict .left-img img {
  		width: 100%;
  	}

  	#about-multi .sect-header{
  		padding: 0 27px;
  	}

  	#about-multi .social{
  		display: block;
  		margin-top: 20px;
  		text-align: center;
  		float: none;
  	}

  	#about-multi .share .social-links li{
  		margin-left: 7px;
  	}

  	#conflict .right-text {
  		float: none;
  	}

  	#conflict .title{
  		text-align: center;
  		margin: 20px 0 15px 0px;
  	}

  	#conflict h2{
  		margin: 0;
  		text-transform: uppercase;
  		color: #cfcbc1;
  		-webkit-text-fill-color: #cfcbc1;
  		font-size: 39.79px;
  		letter-spacing: -0.06px;
  	}

  	#conflict h1{
  		text-transform: uppercase;
  		color: #cfcbc1;
  		-webkit-text-fill-color: #cfcbc1;
  		font-size: 39.79px;
  		letter-spacing: -0.06px;
  	}

  	#conflict .sect-divider, .divider, .sect-divider{
  		width: 100%;
  		margin: 20px 0 0 0;
  	}

  	#conflict .sect-divider img{
  		width: 100%;
  	}

  	#gds .right-images{
  		width: auto;
  		float: none;
  		display: none;
  	}

  	#gds .mobile-right-images{
  		display: block;
  	}

  	.right-img{
  		display: none;
  	}

  	#gds .left-text{
  		width: 100%;
  		margin: 20px 0 0 0;
		float: none;
  	}

  	.generic-text-gradient{
  		color: #cfcbc1;
  		-webkit-text-fill-color: #cfcbc1;
  	}

  	#gds h1, #gds h2{
  		color: #cfcbc1;
  		font-size: 40px;
  		letter-spacing: -0.06em;
  		display: inline-block;
  		-webkit-text-fill-color: #cfcbc1;
  	}

  	#gds h1{
  		margin-left: 10px;
  	}

  	#gds #cards, #multiplayer-modes #modes{
  		margin: 0;
  		border: none;
  		width: 100%;
  		padding: 0;
  		height: auto;
  	}

  	.god-card-item, .mode-card-item{
  		width: 49%;
		float: left;
		margin-right: 2%;
		text-align: center;
		text-transform: uppercase;
  	}

  	#gds #cards .god-card-item.last, .mode-card-item.even{
  		margin-right: 0;
  	}

  	.god-card-item .flavor-text, .mode-card-item .mode-name{
  		margin-top: 10px;
  		display: block;
  	}

  	.first-row{
  		width: 93%;
  		margin: 0 auto;
  	}

  	.second-row{
  		margin: 10px auto 0 auto;
  		width: 93%;
  	}

  	#gds .right-images .card{
  		float: none;
  		width: 100%;
  		height: auto;
  	}

  	.mode-card-item .clearfix{
		display: none;
	}

	.first-row .clearfix{
		display: block;
	}

	.second-row .clearfix{
		display: block;
	}

	#multiplayer-modes .card{
		width: 100%;
		height: auto;
		float: none;
	}

	#mode-names{
		display: none;
	}

	#multiplayer-modes .left-img{
		float:none;
		margin-right: 0;
	}

	#multiplayer-modes .right-text{
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	#multiplayer-modes h2, #multiplayer-modes h1, #strategy h2, #strategy h1, #faq h1, #faq h2{
		font-size: 40px;
		letter-spacing: -0.06em;
	}

	#beta .left-text, #beta .right-img{
		width: 100%;
		float: none;
	}

	#beta .mobile-right-images{
		margin-top: -40px;
	}

	#beta .mobile-right-images img{
		width: 100%;
	}

	#beta .title{
		width: 100%;
		margin: 0;
	}

	#beta .divider, #beta .generic-button{
		margin: 0 auto;
	}

	.mobile-item-image{
		display: block;
	}

	.strategy-card-item{
		width: 32%;
		float: left;
		margin-left: 1%;
		position: relative;
	}

	.strategy-card-item img{
		width: 100%;
	}

	.strategy-card-item .sname{
		display: block;

	}

	.strategy-basic{
		background-image: none;
		margin-left: 0;
	}

	#strategies .card{
		width: 100%;
		margin-right: 0;
		height: auto;
		float: none;
	}

	#strategy-names{
		display: none;
	}

	#strategy .left-img{
		float: none;
		width: 100%;
		margin: 0;
	}

	#strategy #strategies{
		width: 98.75%;
		margin: 0 auto;
		height: auto;
		padding: 3px 0;
	}

	#strategy .sname{
		width: 100%;
		text-align: center;
		font-size: 11px;
		letter-spacing: 0.093em;
		margin-top: 15px;
		position: absolute;
	}

	#strategy .right-text{
		width: 100%;
		float: none;
		margin-top: 55px;
	}

	#strategy .title{
		width: 100%;
		margin-left: 0;
	}

	.faq-divider{
		display: none;
	}

	.big-img img{
		width: 100%;
		margin-bottom: 20px;
	}

	.divider.last{
		margin: 40px auto 50px auto;
	}

	.ascent-divider{
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}

	.ascent-divider img{
		width: 100%;
	}

	
}