.s1{
    min-width: 1500px;
    padding-top:0px;
    z-index:1;
}
.s1 .content_holder{
	display:block;
	max-width:1600px;
	height:100%;
	margin:auto;
	left:0;
	right:0;
}
.s1 .content_holder .content{
	position:relative;
	display:inline-block;
	width:45%;
	text-align:left;
	left:0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.s1 .content_holder .title{
	position:relative;
	width:40%;
	left:10%;
	margin-bottom:-7%;
	z-index:5;
}
.s1 .content_holder .text_holder{
	position:relative;
	width:100%;
	z-index:4;
}
.s1 .content_holder .text_holder p{
	position:absolute;
	margin:auto;
	padding:10%;
	z-index:4;
}
.s1 .content_holder .text_holder img{
	position:relative;
	z-index:3;
	left:0;
	top:0;
}


.s2{
    padding-top:0px;
    z-index:1;
}
.s2 .content_holder{
	display:block;
	max-width:1600px;
	height:100%;
	margin:auto;
	left:0;
	right:0;
}
.s2 .content_holder .content{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:40%;
	text-align:center;
    margin-top: 150px;
	z-index:2;
}
.s2 .content_holder .title{
	position:relative;
	width:65%;
	margin-bottom:-7%;
	z-index:5;
}
.s2 .content_holder .text_holder{
	position:relative;
	width:100%;
	z-index:4;
}
.s2 .content_holder .text_holder p{
	position:relative;
	margin:auto;
	padding:10%;
	z-index:4;
}
.s2 .content_holder .text_holder img{
	position:absolute;
	z-index:3;
	height:100%;
	left:0;
	top:0;
}
.s2 .content_holder .elem1{
	position:relative;
	vertical-align:middle;
	width:30%;
	right:-10%;
    max-width:none;
	margin-top:50px;
	z-index:1;
}
.s2 .content_holder .elem2{
	position:relative;
	vertical-align:middle;
	width:30%;
	left:-10%;
    max-width:none;
	margin-top:50px;
	z-index:1;
}



.s3{
    padding-top:0px;
    z-index:1;
}
.s3 .content_holder{
	display:block;
	max-width:1400px;
	height:100%;
	margin:auto;
	left:0;
	right:0;
}
.s3 .content_holder .content{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:50%;
}
.s3 .content_holder .title{
	position:relative;
	width:45%;
	left:10%;
	margin-bottom:-7%;
	z-index:5;
}
.s3 .content_holder .text_holder{
	position:relative;
	width:100%;
	z-index:4;
}
.s3 .content_holder .text_holder p{
	position:relative;
	margin:auto;
	padding:10%;
    padding-bottom: 12%;
	z-index:4;
}
.s3 .content_holder .text_holder img{
	position:absolute;
	z-index:3;
	height:100%;
	left:0;
	top:0;
}
.s3 .content_holder .elem1{
	position:relative;
	vertical-align:middle;
	width:50%;
    max-width:none;
}


.s4{
    padding-top:0px;
    z-index:1;
}
.s4 .content_holder{
	display:block;
	max-width:1400px;
	height:100%;
	margin:auto;
	left:0;
	right:0;
}
.s4 .content_holder .content{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:50%;
}
.s4 .content_holder .title{
	position:relative;
	width:50%;
	left:10%;
	margin-bottom:-7%;
	z-index:5;
}
.s4 .content_holder .text_holder{
	position:relative;
	width:100%;
	z-index:4;
}
.s4 .content_holder .text_holder p{
	position:relative;
	margin:auto;
	padding:10%;
    padding-bottom: 12%;
	z-index:4;
}
.s4 .content_holder .text_holder img{
	position:absolute;
	z-index:3;
	height:100%;
	left:0;
	top:0;
}
.s4 .content_holder .elem1{
	position:relative;
	vertical-align:middle;
	width:50%;
    max-width:none;
}


.s_game{
    padding-top:0px;
    margin-top: 80px;
    z-index:3;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.s_game .content_holder{
	display:block;
	max-width:1600px;
	height:100%;
	margin:auto;
	left:0;
	right:0;
}
.s_game .content_holder .content{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:60%;
	text-align:left;
}
.s_game .content_holder .content p{
	color:#FFFFFF;
	padding:20px 0;
	max-width:800px;
	margin:0;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}
.s_game .content_holder .logo{
	position:relative;
	display:inline-block;
	max-width:300px;
	width:60%;
}
.s_game .content_holder .elem_holder{
	position:relative;
	vertical-align:middle;
	height:100%;
	top:-10%;
	left:-10%;
}
.s_game .content_holder .elem{
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	width:auto;
    max-width:none;
	height:110%;
}
.s_game .content_holder .cta{
	border-radius:15px;
	overflow:hidden;
	width:190px;
	vertical-align:top;
	top:5px;
	margin-bottom:15px;
	margin-right:15px;
  	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
.s_game .content_holder .trailer{
	margin-left:-5px;
}
.flip .content_holder .content{
	margin-left:40%;
}
.flip .content_holder .elem_holder{
	left:-15%;
}



.s5{
    padding-top:0px;
    z-index:20;
}
.s5 .content_holder{
	display:block;
	max-width:1600px;
	height:100%;
	margin:auto;
	left:0;
	right:0;
}
.s5 .content_holder .content{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	vertical-align:middle;
	width:100%;
	margin:auto;
	text-align:center;
}
.s5 .content_holder .content h1{
	color:#FFFFFF;
}
.s5 .content_holder .content p{
	color:#FFFFFF;
}

@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1500px){
    .s1{
        min-width: 1500px;
        left: 50%;
        margin-left: -750px;   /* 50% */
    }
    .s2{
        min-width: 1500px;
        left: 50%;
        margin-left: -750px;   /* 50% */
    }
    .s3{
        min-width: 1500px;
        left: 50%;
        margin-left: -750px;   /* 50% */
    }
    .s3 .content_holder{
    	width:80%;
    }
    .s4{
        min-width: 1500px;
        left: 50%;
        margin-left: -750px;   /* 50% */
    }
    .s4 .content_holder{
    	width:80%;
    }
	.s_game .content_holder .elem_holder{
		left:-130px;
	}
	.flip .content_holder .elem_holder{
		left:-200px;
	}
}
@media screen and (max-width: 1280px) {
	.s1 .content_holder .content{
		left:10%;
	}
    .s3 .content_holder{
    	width:70%;
    }
    .s4 .content_holder{
    	width:70%;
    }
	.s_game .content_holder .content{
		width:55%;
	}
	.flip .content_holder .content{
		margin-left:45%;
	}
	.s_game{
		margin-top:80px;
	}
}
@media screen and (max-width: 1024px) {
	.s1 .content_holder .content{
		width:40%;
		left:20%;
	}

	.s2 .content_holder .content{
		width:40%;
	    margin-top: 150px;
	}
	.s2 .content_holder .elem1{
		width:30%;
		right:-15%;
	}
	.s2 .content_holder .elem2{
		width:30%;
		left:-15%;
	}
    .s3 .content_holder{
    	margin-top:10%;
    	width:50%;
    }
	.s3 .content_holder .text_holder p{
	    padding-bottom: 15%;
	}
    .s4 .content_holder{
    	margin-top:10%;
    	width:50%;
    }
	.s4 .content_holder .text_holder p{
	    padding-bottom: 15%;
	}

	.s_game .content_holder .cta{
		width:150px;
		top:5px;
		margin-bottom:5px;
		margin-right:5px;
	}
	.s_game .content_holder .trailer{
		margin-left:-5px;
	}
	.s_game .content_holder .elem_holder{
    	top: 0%;
    	left: -165px;
	}
	.s_game .content_holder .elem{
    	height: 100%;
	}
	.flip .content_holder .elem_holder{
    	left: -225px;
	}
}
@media screen and (max-width: 768px) {
    .s1{
        min-width: unset;
        left: 0%;
        margin-left: 0px;   /* 50% */
    }
	.s1 .content_holder .content{
		position:relative;
		display:inline-block;
		width:100%;
		text-align:center;
		left:0;
		top: 70%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.s1 .content_holder .title{
		position:relative;
		width:40%;
		left:0%;
		margin-bottom:-7%;
		z-index:5;
	}
	.s1 .content_holder .text_holder p{
		position:relative;
		margin:auto;
		padding:10%;
		z-index:4;
	}
	.s1 .content_holder .text_holder img{
		position:absolute;
		z-index:3;
		height:100%;
		left:0;
		top:0;
	}

    .s2{
        min-width: unset;
        left: 0%;
        margin-left: 0px;   /* 50% */
    }
	.s2 .content_holder{
    	text-align: center;
	}
	.s2 .content_holder .content{
		position:relative;
		display:inline-block;
		width:100%;
		text-align:center;
		left:0;
		margin-top:0;
	}
	.s2 .content_holder .title{
		position:relative;
		width:60%;
		left:0%;
		margin-bottom:-7%;
		z-index:5;
	}
	.s2 .content_holder .text_holder p{
		position:relative;
		margin:auto;
		padding:10%;
		z-index:4;
	}
	.s2 .content_holder .text_holder img{
		position:absolute;
		z-index:3;
		height:100%;
		left:0;
		top:0;
	}
	.s2 .content_holder .elem1{
		width:90%;
		margin:auto;
		left:0;
		right:0;
		margin-bottom:-29%;
	}

    .s3{
        min-width: unset;
        left: 0%;
        margin-left: 0px;   /* 50% */
    }
	.s3 .content_holder{
    	text-align: center;
    	margin-top:0%;
    	width:100%;
	}
	.s3 .content_holder .content{
		position:relative;
		display:inline-block;
		width:90%;
		text-align:center;
		left:0;
		margin-top:0;
	}
	.s3 .content_holder .title{
		position:relative;
		width:45%;
		left:0%;
		margin-bottom:-7%;
		z-index:5;
	}
	.s3 .content_holder .text_holder p{
		position:relative;
		margin:auto;
		padding:10%;
		z-index:4;
	}
	.s3 .content_holder .text_holder img{
		position:absolute;
		z-index:3;
		height:100%;
		left:0;
		top:0;
	}
	.s3 .content_holder .elem1{
		width:70%;
		margin:auto;
		left:0;
		right:0;
		margin-bottom:-3%;
	}

    .s4{
        min-width: unset;
        left: 0%;
        margin-left: 0px;   /* 50% */
    }
	.s4 .content_holder{
    	text-align: center;
    	margin-top:0%;
    	width:100%;
	}
	.s4 .content_holder .content{
		position:relative;
		display:inline-block;
		width:90%;
		text-align:center;
		left:0;
		margin-top:0;
	}
	.s4 .content_holder .title{
		position:relative;
		width:50%;
		left:0%;
		margin-bottom:-7%;
		z-index:5;
	}
	.s4 .content_holder .text_holder p{
		position:relative;
		margin:auto;
		padding:10%;
		z-index:4;
	}
	.s4 .content_holder .text_holder img{
		position:absolute;
		z-index:3;
		height:100%;
		left:0;
		top:0;
	}
	.s4 .content_holder .elem1{
		width:70%;
		margin:auto;
		left:0;
		right:0;
		margin-bottom:-3%;
	}

	.s_game{
		margin-top:60px;
	}
	.s_game .content_holder{
		position:relative;
		text-align:center;
	}
	.s_game .content_holder .content{
		width:100%;
		text-align:center;
		margin-top:40px;
	}
	.s_game .content_holder .cta{
		border-radius:5px;
		width:40px;
		height:40px;
		top:5px;
		padding:8px 10px 10px 10px;
		background:#000000;
	}
	.s_game .content_holder .elem_holder{
		left:0;
		right:0;
		height:auto;
		width:100%;
	}
	.s_game .content_holder .elem{
		position:relative;
		height:auto;
		width:100%;
		margin-top:-20%;
	}
	.flip .content_holder .content{
		margin:auto;
		margin-top:40px;
	}
	.s_game .bg_holder{
		position:absolute;
		top:0;
	}
}
@media screen and (max-width: 600px) {
	.s_game{
		margin-top:50px;
	}
	.s_game .content_holder .elem{
		position:relative;
		height:auto;
		width:140%;
		margin-top:-25%;
		left:-20%;
	}
}
@media screen and (max-width: 450px) { /* Specific to this particular image */
	.s1 .content_holder .text_holder p{
		padding:9% 7% 7% 7%;
	}

	.s2 .content_holder .text_holder p{
		padding:9% 7% 7% 7%;
	}
	.s2 .content_holder .elem1{
		width:85%;
		margin-bottom:-30%;
	}
	
	.s3 .content_holder .text_holder p{
		padding:9% 7% 7% 7%;
	}
	.s3 .content_holder .elem1{
		width:70%;
		margin-bottom:-7%;
	}
	
	.s4 .content_holder .text_holder p{
		padding:9% 7% 7% 7%;
	}
	.s4 .content_holder .elem1{
		width:70%;
		margin-bottom:-7%;
	}
}
@media screen and (max-width: 400px) { /* Specific to this particular image */
    .s1{
        min-width: 400px;
        left: 50%;
        margin-left: -200px;   /* 50% */
    }
    .s2{
        min-width: 400px;
        left: 50%;
        margin-left: -200px;   /* 50% */
    }
    .s3{
        min-width: 400px;
        left: 50%;
        margin-left: -200px;   /* 50% */
    }
    .s4{
        min-width: 400px;
        left: 50%;
        margin-left: -200px;   /* 50% */
    }
}