#large-logo {display: none;}


@media only screen and (min-width: 1500px) {

	#director-intro p {width: calc(66% - 80px); min-width: 960px; }
	
}


@media only screen and (max-width: 1024px) {
	.responsive-container {
		width: clamp(0px, 100vw, calc(100vh * 16 / 9));
		height: clamp(0px, 100vh, calc(100vw * 9 / 16));
		max-height: 100vh; max-width: 100vw;
	}
}


@media only screen and (min-width: 1024px) {

	#large-logo-holder {
		background: #000; display: flex;
		height: 100vh;
		width: 100vw;
		position:absolute;
		z-index: 50000;
	}
		#large-logo-holder img#large-logo {
			display: flex;
			position: absolute; left: calc(50% - 400px); top: calc(50% - 108px);
			width: 800px;
		}
		
}


@media only screen and (min-width: 1024px) and (max-width: 1366px) {

	.grid li {height: calc(250px + 10px);}
		.grid li a {height: 250px;}

	/* talent */
	#talent-listing ul.talent-list li {width: calc(50%); }
	
	/* contact */
	.page-template-contact #main ul#contacts-list li {width: 50%; margin: 0;}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1324px) {

	/* all things gallery */
	.home #image-16 {display: none;}
	
}


@media only screen and (min-width: 769px) {

	#tabs {position: relative;}
		#talent-nav {
			background: rgba(0,0,0,1);
			z-index: 500; position: fixed; top: calc(100vh - 130px); left: 0; 
			width: 100%; padding: 40px;
		}
		.page-template-talent #talent-listing { min-height: calc(100vh - 200px); }

}		


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

	h1 { font-size:32px; }
	
	.container { width:100%; padding-left:40px; padding-right:40px; display:block; }
	.view-desktop { display:none; }
	.view-mobile { display:block; }

	#menu-container { padding:20px 30px; }
		#menu-container nav li { margin:0 0 5px 0; }
		#menu-container nav li a { font-size:36px; padding: 20px 20px; }
	
	#menu-container .menu-container-bottom { bottom: 20px; left: 30px; }
		#menu-container .menu-container-bottom p { font-size: 12px; }
	
	#footer .social li {margin: 40px 20px;}
	#footer-bottom {font-size: 12px; flex-wrap: wrap; justify-content: center; text-align: center;}
		#footer-left {order: 3; width: 100%;}
			#footer-left p {margin-bottom: 20px;}
		#footer-center {order: 1; width: 100%;}
			#footer-center p {margin-bottom: 10px;}
				#footer-center p a { display: block; }
			#footer-center .dot {display: none;}
		#footer-right {order: 2; width: 100%; padding-bottom: 10px;}
		
	/* shared */
	.grid li {width: calc(50% - 10px); height: calc(250px + 10px);}
		.grid li a {height: 250px;}
	
	/* home */
	#top-hero, #top-hero-bg, #top-hero .container { min-height: 400px;  }
		#top-hero h1 .dot { display: block; opacity: 0; }
	
	/* talent */
	#talent-nav {top: calc(100vh - 90px); padding: 20px 40px;}
	ul#talent-tab-links li {font-size: 21px; }
	#talent-listing ul.talent-list li {width: 50%; }
		#talent-listing ul.talent-list li a {font-size: 21px;}
	
	/* contact */
	.page-template-contact #main ul#contacts-list li {width: 100%;}
	
	/* modal video */
	/*.flexslider ul.slides li iframe {
		width: 100%; height: 50vh;
	}*/
	
	/* modal video */
	.video-holder .video-prev, .video-holder .video-next {top: inherit; bottom: 28px; transform: none;}
	
}


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

	.intro-plus h2 {font-size: 32px;}
	
	/* default */
	.page-template-default #main .container h2 {max-width: 960px; font-size: 21px;}
	
	/* talent */
	ul#switch-view-icons {margin-top: 15px; justify-content: flex-start;}
	#talent-nav {display: block; padding: 20px 0; width: auto;}
		ul#talent-tab-links {display: block;}
			ul#talent-tab-links li {margin: 10px 0;}
	#talent-listing ul.talent-list li {width: 50%; padding-right: 20px;}
	
	.video-holder .video-caption {top: 68px;}
	
	.video-holder .video-prev, .video-holder .video-next {top: inherit; bottom: 28px; transform: none;}
	
	
}


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

	h1 { font-size:24px; letter-spacing: 5px; }
	h2 { font-size:28px; letter-spacing: 5px; text-transform: uppercase; }

  	.container {padding-left: 20px; padding-right: 20px;}
	
	body .modal a.close-modal {top: 20px; right: 20px;}
	
	#menu-container { padding: 20px 20px; }
	#menu-container .menu-container-bottom { bottom: 10px; left: 20px; }
		#menu-container nav li a { font-size:32px;}
	
	/* shared */
	#page-hero { justify-content: center; margin-top: 100px; }
		#page-hero h1 {margin: auto; font-size: 32px;}
	
	.intro-plus .container {display: block;}
		.intro-plus img {margin: 10px auto; display: block;}
		.intro-plus h2 {margin: auto; line-height: 1.6; text-align: center;}
	
	.grid li {width: calc(100% - 10px);}
	
	/* home */
	#all-things {display: block; height: 300px;}
		#all-things h2 {height: auto; letter-spacing: 5px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
			#all-things h2 a {display: block; color: #fff; width: 100%; height: auto;}
		#all-things .plus-left {display: none;}
		#all-things .plus-right {display: none;}

	/* talent */
	#talent-listing ul.talent-list li {display: inline-block; padding-right: 0;}
	
	#breadcrumb {display: none;}
	
	/* director */
	#breadcrumb {display: none;}
	#breadcrumb-mobile {display: block; margin: 0 0 5px 0; font-size: 14px; }
		#breadcrumb-mobile a {color: #fff;}
			#breadcrumb-mobile a:hover {text-decoration: underline;}
	#director-intro {padding-top: 25px;}
		#director-intro h1 {margin-bottom: 25px; font-size: 32px;}
			#director-intro h1 img {display: none;}
		#director-intro p {margin: 0 0 15px 0; font-size: 16px;}
	.page-template-director #main {padding-top: 20px;}
	
	/* contact */
	.page-template-contact #main {padding: 120px 0;}
	.page-template-contact #main ul#contacts-list li {width: 100%;}
	
}


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

	#talent-listing ul.talent-list li {width: 100%; padding-right: 0;}
		 #talent-listing ul.talent-list li a {font-size: 18px; padding: 5px 0;}
		 	#talent-listing ul.talent-list li a img {height: 16px; width: auto;}
	#talent-listing .tab-content h2 {font-size: 24px;}
	
}


@media only screen and (max-height: 850px) { 

 	#menu-container nav {margin-top: 70px;}
		#menu-container nav li a { font-size:36px; padding: 20px 20px; }
	
}


@media only screen and (max-height: 700px) { 

 	#menu-container nav {margin-top: 60px;}
		#menu-container nav li a { font-size:32px; padding: 20px 20px; }
	
}


@media only screen and (max-height: 620px) { 

 	#menu-container nav {margin-top: 50px;}
		#menu-container nav li a { font-size:24px; padding: 15px 20px; }
	
}


@media only screen and (max-height: 520px) { 

 	#menu-container nav {margin-top: 40px;}
		#menu-container nav li a { font-size:21px; padding: 12px 20px; }
	
}

@media only screen and (orientation: landscape) and (max-height: 520px) { 
    
	.video-holder .video-caption {display: none;}
	
}