/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-height: 900px) {
	
	.main-wrap-media {min-height: 100%;}
	
	.press-detail-wrap{height: 600px;}

	.art-object .story-content > canvas {transform: scale(.9); transform-origin: center bottom;}
	.story-copy h3 {font-size: 40px;}
	.story-copy p {font-size: 23px;}
	/*.circle-dotted .story-copy h3 {margin-top: 2em;}*/
	.circle-dotted .story-copy h3 {font-size: 44px;}
	.circle-dotted .story-copy p {font-size: 26px;}

	.story-page .video-player {width: 600px; height: 337.5px;}

	#story-page-010 .story-copy h3 {margin-top: 1.6em;}
	#story-page-026.art-object .story-content > canvas,
	#story-page-021.art-object .story-content > canvas {transform: scale(1)}

	#story-page-106 .story-content > canvas,
	#story-page-042 .story-content > canvas,
	#story-page-030.art-object .story-content >canvas {transform-origin: center top;}

	.whats-on .logo-wrap {transform: scale(.9); transform-origin: top left;}

	.media-detail {position: absolute; bottom: 185px;}
	.media-slider-wrap {position: absolute; bottom: 60px; height: 120px;}
}
@media only screen and (max-height: 850px) {
	.media-detail {bottom: 165px;}
	.media-slider-wrap {bottom: 60px; height: 100px;}
}


@media only screen and (max-width: 1366px) {
	.main-wrap {background-size: cover}
	
	.story-page .video-player {width: 600px; height: 337.5px;}

	#story-page-023 .story-content{width: 55%; left: 20px;}

	#story-page-047 .story-content,
	#story-page-045 .story-content {left: 20px; width: 700px;}
	
	.stepper-wrap {transform: scale(.9); transform-origin: top right;}
	
	#story-page-042 .story-content {left: 20%;}
	#story-page-042 .story-content > canvas {left: -250px;}

	#story-page-005 .story-content{
		max-width: 780px;
		width: 55%;
	}
}

@media only screen and (min-width: 1200px) {
	.ticket-info .row span{
		font-size: 18px;
	}

}

@media only screen and (max-width: 1200px) {

	#story-page-030 .story-content {left: 210px;}

	#story-page-047 .story-content,
	#story-page-045 .story-content {left: 20px; width: 650px;}

	#story-page-005 .story-content{
		max-width: 680px;
		width: 48%;
	}
	
}

@media print,
	   (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {

}