/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

		
	/*---------- CONTENT PANEL ----------*/  
	
	div.action_panel {
	margin-left: -300px;
	width: 600px;
	}

	html.js div.action_panel div.action {
  	width: 600px;
  	}
  	
  	div.action_panel h2 {
	font-size: 24px;
	}
	

}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  
	/*---------- CONTENT PANEL ----------*/  
	
	div.action_panel {
	margin-left: -300px;
	width: 600px;
	}

	html.js div.action_panel div.action {
  	width: 600px;
  	}
  	
  	div.action_panel h2 {
	font-size: 24px;
	}
	
	footer div.links a:link, footer div.links a:visited {
	font-size: 14px;
	margin-right: 25px;
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	}
	
	html.js div.carousel_wrap {
	width: 100%;
	}
	
	div.title_punch {
	background:url(../img/film/film_overlay.png) -1230px 0 no-repeat;
	}
	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

	
	
	/*---------- CONTENT PANEL ----------*/  
	
	div.action_panel {
	margin-left: -300px;
	width: 600px;
	}

	html.js div.action_panel div.action {
  	width: 600px;
  	}
  	
  	div.action_panel h2 {
	font-size: 24px;
	}
	
	footer div.links a:link, footer div.links a:visited {
	font-size: 16px;
	margin-right: 20px;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	}
	
	div.title_punch {
	background:url(../img/film/film_overlay.png) -1230px 0 no-repeat;
	}

	
	html.js div.carousel_wrap {
	width: 100%;
	}

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}