@media only screen and (min-width: 1024px) and (max-width: 1500px) {
	.container { width:100%; padding-left:20px; padding-right:20px; }
}


@media (max-width: 1200px) {
	.home-service-block .content-left {width:100%; padding-right:0;}
		.home-service-block .content-right {width:100%; padding-left:0; margin-top:40px; grid-template-columns:repeat(3,1fr); gap:20px;}
		.home-service-block .service-gallery-left {display:contents;}
		.home-service-block .service-gallery-right {display:contents;}
		.home-service-block figure {width:100%; height:auto; aspect-ratio:305 / 385;}
}


@media (max-width:1100px) {
	#site-footer .footer-grid {grid-template-columns:1fr; gap:50px;}
		#site-footer .footer-menus {grid-template-columns:repeat(2,1fr);}
}


@media only screen and (max-width: 1023px) { 
	
	.container { width:100%; padding-left:20px; padding-right:20px; display:block; }
	.view-desktop, #header .header-right { display:none; }
	.view-mobile { display:block; }
	
	.content-left {width: 100% !important; padding-right: 0 !important;}
	.content-right {width: 100% !important; padding-left: 0 !important;}

	.grid {grid-template-columns:repeat(2,1fr); gap:30px;}
		.grid figure {height:300px;}
	
	#page-top h1 {font-size: 60px;}
	#page-top h2 {font-size: 24px;}
	
	/* home */
	.home-service-block .content-right {margin: 50px 0 0 0;}
	
	.home-service-block .content-right {grid-template-columns:repeat(2,1fr);}
		.home-service-block figure {width:100%; height:auto; aspect-ratio:305 / 385;}
	#service-services ul.grid:has(> li:nth-child(3):last-child) > li,
	#service-services ul.grid:has(> li:nth-child(4):last-child) > li {width:100%;}
	
	.home-service-block .content-right {grid-template-columns:1fr; gap:20px;}
		.home-service-block .service-gallery-left {gap:20px;}
		.home-service-block figure {height:300px;}
	.home-service-block .content-right {grid-template-columns:1fr; gap:20px;}
		.home-service-block figure {width:100%; height:auto; aspect-ratio:305 / 385;}

	#service-services .container {padding: 50px 20px 10px 20px; border-radius: 0;}
	#service-services ul.grid {gap:15px;}
		#service-services ul.grid > li {padding:10px 0;}

		#service-services .service-number {width:50px; height:50px; font-size:26px; line-height:50px; border-width:4px;}
		#service-services .service-grid-item-top h3 {font-size:26px; width:calc(100% - 70px);}

		#service-services ul.grid ul li {padding-left:40px; font-size:16px; background-position:10px 10px;}
	
	#case-study .content-right {margin-top: 50px;}
	
	/* about */
	#about-team h2 {margin-bottom: 0;}
	#about-team .team-member-block {padding: 50px 0 0 0;}
		#about-team .content-left {order: 2; margin-top: 25px;}
		#about-team .content-right {order: 1;}
	
}


@media (max-width: 900px) {
	
	/* single */
	.wp-block-gallery.has-nested-images {grid-template-columns:repeat(2,1fr);}
		.wp-block-gallery.has-nested-images > figure.wp-block-image,
		.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(3n+1):last-child,
		.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(3n+1):nth-last-child(2),
		.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(3n+2):last-child {grid-column:auto;}
	
	/* job postings */
	#job-listing ul {display: block;}
		#job-listing ul li {padding:20px 0; width: 100%;}
	
}
	

@media (max-width: 767px) {
	
	.video-parallax {height:80vh; min-height:400px; position:relative; overflow:hidden; margin-bottom:90px;}
		.video-parallax-inner {width:100%; height:80vh; min-height:400px; position:relative; overflow:hidden;}
			.video-parallax video {position:absolute; top:-50vh; left:0; width:100%; height:160vh; min-height:800px; object-fit:cover; will-change:transform;}
			.video-parallax .video-mask {display:none;}
			.video-parallax .video-icon {position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; pointer-events:none;}
				.video-parallax .video-icon img {width:60%; max-width: 320px; height:auto; filter:brightness(0) invert(1);}

	.grid {grid-template-columns:1fr; gap:20px; margin:30px 0;}
		.grid figure {height:260px;}
		.grid .grid-content {padding:25px;}
	
}


@media (max-width:600px) {
	
	h1 {font-size: 54px;}
	
	h4.has-larger-font-size {font-size: 32px;}
	
	#site-footer {padding:50px 0;}
		#site-footer .footer-menus {grid-template-columns:1fr; gap:35px;}
	
	/* home */
	#service-purpose .content-left h2,
	#service-process .content-left h2 {font-size: 64px;}
	#home-services-top h3 {font-size: 18px;}
	
	/* case studies */
	#case-study h3 {font-size: 36px;}
	
	/* single */
	#single-hero h1 {font-size: 48px;}
	.wp-block-gallery.has-nested-images {grid-template-columns:1fr;}
	
	.wp-block-group.is-nowrap {flex-direction:column; flex-wrap:wrap;}
		.wp-block-group.is-nowrap > figure {width:100%;}
		.wp-block-group.is-nowrap > figure img {width:100%; height:auto;}
	
	/* contact */
	#contact-form .content-left h2 {font-size: 48px;}
	#contact-form .content-right h2 {font-size: 32px;}
	
	/* instructor intake */
	#form-thanks-content .content-holder .content-left h2 {font-size: 48px;}
	
}


@media (max-width:499px) {

	body {font-size: 1.0rem;}
	
	h1, #page-top h1 {font-size: 48px;}
	h2 {font-size: 32px;}
	h3 {font-size: 21px;}
	h4 {font-size: 18px;} 
	
	.grid .grid-content h3 {font-size: 28px;}
	h4.has-larger-font-size {font-size: 28px;}
	
	/* home */
	#service-purpose .content-left h2,
	#service-process .content-left h2 {font-size: 42px;}
	
	/* case study */
	#case-study h3,
	.approach-box-content {border-left: none; padding-left: 0;}
		.approach-box h3 {font-size: 28px;}
		.approach-box figcaption { max-width: 100%;}

	/* contact */
	#contact-form .content-holder {background: transparent; padding: 0;}
	
}