/* ----------------------------------------------------- */
/* Responsive Layout by vir2al.ch */
/* Written by Nico Martin - vir2al.ch - 04.06.2014*/
/* ----------------------------------------------------- */

table {border-collapse:collapse; border-spacing:0;}
img {max-width: 100%; height: auto;}
.clear {clear: both;}
.responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Grid 1200px */
.container-12 {
	margin:0 auto;
	width:90%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease; z-index:2000;
}

.page_containerFllScr {
	position: relative;
	top: 70px;
	margin: 0 auto 0;
	width:90%;
	max-width:95%;
	z-index: 3;
}

/* Grid 720px */
@media only screen and (min-width: 481px) and (max-width: 720px) {
	#wraper {width:80%;}
	.container-12 {width: 80%;}

.page_containerFllScr {
	position: relative;
	top: 70px;
	margin: 0 auto 0;
	width:80%;
	max-width:80%;
	z-index: 3;
}
}

/* Grid 960px */
@media only screen and (min-width: 721px) and (max-width: 959px) {
	#wraper {width:80%;}
	.container-12 {width: 80%;}
.page_containerFllScr {
	position: relative;
	top: 70px;
	margin: 0 auto 0;
	width:80%;
	max-width:80%;
	z-index: 3;
}
}

/* Grid Mobile Less Than 719px */
@media only screen and (min-width: 960px) {
	#wraper {width:80%;}
	.container-12 {width: 80%;}
.page_containerFllScr {
	position: relative;
	top: 70px;
	margin: 0 auto 0;
	width:80%;
	max-width:80%;
	z-index: 3;
}
}