/**  MEDIA QUERIES  **/

/* LAPTOPS */
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}

/* DESKTOP */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}
@media all and (max-width: 1280px) {
	body {
		font-size: 80%;
	}
	.vembed {
		margin-top: 0;
		max-width: 600px;
		height: 328px;
	}
	.logotype a img {
	max-width: 439px;
	}
	.logotype {
	margin: 20px 0 0 0;
	text-align: center; 
	padding-bottom: 10px;
	}
	#main {
	margin-top: -20px;
}
		#island {
		bottom: -130px;
	}
		.col.s-three {
		width: 20.5%;
		margin: 0 1%;
		}
}
/* all */
@media all and (max-width: 1024px) {
	body {
		font-size: 80%;
	}
	#content {
		padding: 0 12%;
	}
	.vembed {
		margin-top: 0;
		max-width: 638px;
		height: 358px;
	}
	#main:before {
		background-size: auto 50%;
		top: -10px;
	}
		#island {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -600px;
		right: 0;
		z-index: 90;
	}
	.underwater {
	background-size: 1200px auto;
	}
	.logotype a img {
	max-width: 389px;
	}
	.logotype {
	margin: 40px 0 0 0;
	text-align: center; 
	padding-bottom: 20px;
	}
	#main {
	margin-top: -28px;
}
}
@media all and (max-width: 860px) {

	#content {
		padding: 0 12%;
	}
	.vembed {
		margin-top: 0;
		max-width: 638px;
		height: 358px;
	}
	#main:before {
		background-size: auto 50%;
		top: -13px;
	}
	#layout-header .row .s-three {
		width: 100%;
		text-align: center;
		}
	#layout-header .release-date,
	#layout-header .platforms {
		font-size: 3em;
		}
	#content .col.s-two {
		width: 100%;
		marign: 0;
		text-align: left;
		}
}
@media all and (max-width: 680px) {
	body {
		font-size: 70%;
	}
	#content {
		padding: 0 8%;
	}
	.vembed {
		max-width: 558px;
		height: 312px;
	}
	#main:before {
		background-size: auto 50%;
		top: -13px;
	}
}
@media all and (max-width: 420px) {
	.vembed {
		max-width: 380px;
		height: 248px;
	}
	#main:before {
		background-size: auto 50%;
		top: -13px;
	}
}
/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
	#logotype {
		top: 0;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		transform: scale(.5);
	}
	.youtube {
		max-width: 640px;
		height: 360px;
	}
}