@media only screen and (min-width:2400px) {
	#site-gutter .more {width: 88px;}
}



@media only screen and (min-width:1560px) {
	.section-title .mask {width: 500px;}
	#filter .mask {width: 500px;}
}


@media only screen and (min-width:2000px) {
	.section-title .mask {width: 700px;}
	#filter .mask {width: 700px;}
}



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

	#site-wrap {overflow: hidden;}
	#site-wrap.slide-out-open {overflow: visible;}
	#site-content {width: calc(100% - 64px)}
	#site-gutter {width: 64px}
	#site-gutter .more img {width: 32px}
	#site-gutter .mark {margin-left: 12px; width: 48px}
	#site-gutter .back-to-top {margin-left: -8px;}

	#hamburger {width: 32px; margin-left: 18px;}
	#hamburger .middle {top: 12px}
	#hamburger .bottom {top: 24px}
	

	/*#headline h1 {font-size: 72px; line-height: 80px;}*/

	h2 {font-size: 40px; line-height: 64px;}

	#hero {padding-top: 42%; height: auto;}
	#hero.video {padding: 0;}

	#section-3 .stat {font-size: 64px;}
}


@media only screen and (max-width:1200px) {
	
	.spacer-xxs {height: 8px}
	.spacer-xs {height: 24px}
	.spacer-gutter {height: 32px}
	.spacer-sm {height: 48px}
	.spacer-md {height: 56px}
	.spacer-lg {height: 88px}
	.spacer-xl {height: 176px}

	#site-content .container {padding-left: 32px; padding-right: 32px;}

	#main-menu .menu-item a {padding: 0; font-size: 15px;}

	#headline h1 {font-size: 48px; line-height: 64px;}

	#section-1 ul li {font-size: 32px; padding: 8px 0;}
	
	#section-3 .stat {font-size: 48px; line-height: 64px; height: 64px;}
}

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


	html {min-width: 320px;}
	body {position: relative;}
	.container {width: auto}

	.spacer-xxs {height: 8px}
	.spacer-xs {height: 16px}
	.spacer-gutter {height: 24px}
	.spacer-sm {height: 32px}
	.spacer-md {height: 48px}
	.spacer-lg {height: 72px}
	.spacer-xl {height: 136px}

	.btn {line-height: 54px;}

	#headline h1 {font-size: 36px; line-height: 48px;}
	p {font-size: 14px; line-height: 24px;}
	h2 {font-size: 32px; line-height: 48px;}
	h3 {font-size: 24px; line-height: 32px;}
	h4 {font-size: 12px;}
	h5 {font-size: 12px; line-height: 32px;}

	#page-content .body.two-column {column-count: 1}

	#site-content {width: calc(100% - 48px)}
	#site-gutter {width: 48px}
	#site-gutter .more img {width: 32px}
	#site-gutter .mark {margin-left: 10px; width: 32px}
	#site-gutter .more-container {display: none}
	#site-gutter .back-to-top {margin-left: -16px;}
	#site-gutter #hamburger {display: none}

	#hamburger {width: 24px; margin-left: 12px; top: 16px; position: absolute;}
	#hamburger .middle {top: 8px}
	#hamburger .bottom {top: 16px}

	

	#slide-out {margin-right: 0;}
	#slide-out ul li a {font-size: 20px; line-height: 40px;}

	#header .menu-main-container {display: none}

	.slider-tab {font-size: 14px; line-height: 24px; height: 80px;}
	.bx-next,
	.bx-prev {height: 38px; width: 40px; background-size: 20% auto;}

	section .title {line-height: 80px}
	section .title .tab {line-height: 80px;}

	#section-1 ul li {font-size: 18px; line-height: 24px;}
	#section-1 .image-container {height: 592px}

	#section-3 .stat {font-size: 64px; line-height: 88px;}
	
	#section-4 .projects-slider .valign-cell {height: 560px;}
	#section-4 .projects-slider .image {height: 560px;}

	#news .news-item {padding: 0 16px 16px;}
	#news .news-item .image {height: 128px; margin-left: -16px; margin-right: -16px;}
	#news .news-item .title {font-size: 16px; line-height: 24px; height: 128px}

	#footer ul.industries li,
	#footer ul li {font-size: 12px; line-height: 24px;}

	

}


@media (max-width: 767px) {
	
	.spacer-xxs {height: 8px}
	.spacer-xs {height: 16px}
	.spacer-gutter {height: 24px}
	.spacer-sm {height: 24px}
	.spacer-md {height: 32px}
	.spacer-lg {height: 56px}
	.spacer-xl {height: 96px}

	#page-content h1 {font-size: 32px;}
	#page-content p {font-size: 18px; line-height: 32px;}

	#site-wrap.slide-out-open {right: 60%}
	#site-gutter {display: none;}
	#site-content {width: auto; float: none}
	#slide-out {margin-right: 0;}
	
	.container-fluid.bg {position: relative;}

	#header {padding: 0;}
	#header .logo {margin: 24px 0 24px; width: 210px;}
	#header #hamburger {top: 36px;}

	#slider li {height: 400px;}
	.bx-controls {bottom: 1px}
	.static-tab {height: 80px; width: 304px;}
	.slider-tab {width: 300px; }

	.custom-slider-controls {width: 100%; text-align: right; position: relative; padding-right: 16px;}
	.custom-slider-controls > a {position: absolute; left: 0; top: 15px;}
	
	#news .slider-container {padding-left: 16px; padding-right: 16px;}
	#news .custom-slider-controls {padding: 0;}
	#news .custom-slider-controls > a {margin-left: -24px;}
	#news .news-item .title {font-size: 24px; line-height: 40px; height: auto}

	#headline h1 {font-size: 28px; line-height: 40px;}
	#page-content h1.headline {margin-bottom: 12px;}

	section .title {margin-bottom: 32px;}
	section .title .tab {padding-left: 32px; width: 80px}

	#section-1 .image-container {height: 240px; margin-right: -16px;}

	#section-3 .stat {font-size: 48px; line-height: 64px;}
	
	#section-4 .projects-slider .image {height: 320px;}
	#section-4 .projects-slider .valign-cell {height: auto;}

	.item {height: auto; margin-bottom: 32px;}

	.photo-slider .image {padding-top: 70%;}
	#project-gallery #featured {padding-top: 50%}
	#project-gallery .card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#project-gallery .card-columns .card {margin-bottom: 16px;}
	
	#openings a.career h6 {padding:16px 0 0; text-align: center;}
	#openings a.career .link {text-align: center; padding: 8px 0 16px}

	#contact .spacer-lg {height: 32px;}

	#footer {}
	#footer #logo img {display: block;}

	#colophon {text-align: center;}

	.modal-xl {width: 90%; max-width:1200px;}
	
	#filter .dropdown {font-size: 12px;}
	#filter .dropdown .sub > div {font-size: 12px;}

	.profile-image .image {margin-bottom: 32px;}
	
	#page-upper {padding: 0; }
	#page-upper .simple-breadcrumb {font-size: 9px; letter-spacing: 0.3px;}
	#page-upper a {font-size: 9px; letter-spacing: 0.3px;}
	
	.team-template-default .section-title .auto-tab {margin-left: -32px; padding-left: 32px; font-size: 14px; line-height: 24px; padding-top: 8px; padding-bottom: 8px;}
	.profile-image {padding-right: 16px !important}
	#team-listing .team-member .lower {height: 140px;}
}

@media (max-width: 576px) {

	body {min-width: 320px;}

	#slide-out {margin-right: 0px;}
	#slide-out .inside {width: 200px;}
	#slide-out.attached {margin-right: -24px;}
	
	#slide-out form {position: relative;}
	#slide-out form input[type="text"] {width: 100%; }
	#slide-out form input[type="submit"] {width: 18px; height: 18px; position: absolute; right: 5px; top: 10px; display: none;}

}