.key-contacts .key-contact,
.key-contact-container {height: 20vw; }

@media (max-width: 1500px) {
	.key-contacts .key-contact,
	.key-contact-container {height: 27vw; }
}

@media (max-width: 1340px) {
	.chapters-list {justify-content: space-evenly;}
	.wrapper {padding: 0px}
	
	.inner {padding-left: 30px; padding-right: 30px; }
    
	/*.key-recommendations .key-recommendations-listing .key-recommendation-panel {width: 31%;}*/
}

@media (max-width: 1200px) {
	.key-contacts .key-contact,
	.key-contact-container {height: 40vw; }
}


@media (max-width: 1130px) {
	
}
@media (max-width: 995px) {
    /*.key-recommendations .key-recommendations-listing .key-recommendation-panel {width: 30.5%;}*/

	 .key-recommendations .key-recommendations-listing:not(.vertical) { grid-template-columns: repeat(2, 1fr); }
    
}
@media (max-width: 960px) {
	
	.dtwp-hero .dtwp-hero-navigation:hover    {background-color:unset;}
	.dtwp-hero .dtwp-hero-navigation:hover p      {display:none;visibility:hidden;opacity:0;}
	
	body {width: 100%; overflow-x: hidden;}

	.dtwp-hero-panel-container-inner {padding-bottom: 0px;}

	
	.dtwp-hero {height: auto; max-height: unset;}
	
	/* VIDEO */
	.video-container {display: none;}
	.mobile.image.bg-image {display: block;}
	
	
	video {width: 200%;}
	.intro-cols {flex-direction: column;}
	
	.intro-cols.flip .cols-left,
	.intro-cols .cols-right,
	.intro-cols .cols-left {width: 100%; margin-left: 0px; }   
	
	.intro-cols.flip {flex-direction: column-reverse;}
	
	
	.dtwp-quote {margin-top: 20px; }
	
	.dtwp-hero {height: 700px; }
	
	.dtwp-hero .dtwp-hero-panel {width: 60%; min-height: 350px; padding-bottom: 100px }
	
	.dtwp-hero .header-media {position: relative; height: 680px; background-color: #3e3e3e;}
	
	.inner.header {position: absolute; top: 0; width: 100%;}
	
	.chapters-list .chapter-item {width: 31%;}
	
	.intro-cols.flip {padding-bottom: 24vw;}
	
	.dtwp-quote:before {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);}
	.dtwp-quote.chapter {margin-left: 0px; }
	
	.dtwp-chapter .main-chapter-content { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 98%);}
	.dtwp-chapter .main-chapter-content .chapter-content-main-end { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 55%);}
	
	.key-recommendations .key-recommendations-listing {/*display: flex; flex-direction: column;*/ grid-template-columns: 1fr!important; }
	/*.key-recommendations .key-recommendations-listing .key-recommendation-panel {width: 100%; max-width: 100%; margin-bottom: 10px; }*/
	
	.key-recommendations .key-recommendations-listing .key-recommendation-panel h2 {padding-top: 14px;}
	
	.key-contacts .key-contact,
	.key-contact-container {height: 36vw; }
	
}
@media (max-width: 820px) {
	
	.chapters-list .chapter-item {width: 45%;}
	.dtwp-hero .dtwp-hero-panel {width: 100%; min-height: 350px; }

	.dtwp-chapter .chapter-content .chapter-content-main div.slidein .copy p, 
	.dtwp-chapter .main-chapter-content .chapter-content-main div.slidein .copy p, div.slidein .copy p {font-size: 16px; line-height: 1.3em; }
	div.slidein .copy {padding: 10px; }

}
@media (max-width: 600px) {
	.key-contacts .key-contact,
	.key-contact-container {height: 75vw; }
	
	
	
	
	
}
@media (max-width: 510px) {
	
	.inner {max-width: 100vw;}
	
	h1 {font-size: 20px; }
	
    video {width: 300%;}
	.wrapper {margin-top: 50px; }
	.dtwp-chapter .main-chapter-content .chapter-content-main div.slidein .copy p, div.slidein .copy p {font-size: 14px; line-height: 1.3em; }
	/*.content-with-slidein .link img {display: none;}*/
	.dtwp-hero-panel-container 		{clip-path: unset;}
	.dtwp-hero .dtwp-hero-panel 	{padding-bottom: 50px }
}

@media (max-width: 440px) {
	.chapters-list .chapter-item {width: 95%;}

	.slidein-link-arrow { width: 50px; }
	div.slidein .link a { gap: 10px; }
}

@media (max-width: 400px) {
	.slidein-link-arrow { width: 45px; }	
}

@media (max-width: 340px) {
	.dtwp-hero .dtwp-hero-panel .dtwp-hero-content h1 {font-size: 28px; }
	.dtwp-hero .dtwp-hero-panel .dtwp-hero-content p {font-size: 16px; margin-bottom: 1.5em;}

	.slidein-link-arrow { width: 35px; }
}