@media only screen and (min-width: 2000px){
	.home #banner .text2 .right{
		padding-bottom:10vw;
		padding-right:20vw;
	}
	.testimonials .slick-list {
		padding: 0 20% 0 0;
	}
	.profiles .slick-list {
		padding: 0 0  0 20% ;
	}
	.home #banner .text .left {
		max-width:var(--site-width);
		margin:0 auto;
		padding-bottom: 10vw;
		padding-left:var(--gutter);
	}
	section.tabbed .nav{

		max-width:var(--site-width);
		margin:0 auto;
	}
	.home #banner .text2 .left {

		min-height: 30vw;
	}
	#home-intro {

		max-width:var(--site-width);
		margin:0 auto -100px auto;
	}
	#home-intro .left {
		flex: 0 1 25%;
		margin-left:0;
		margin-right: calc(2* var(--gutter));
	}
	#banner .bannerblocks{
		background-size: 25%;
	}
}
@media only screen and (max-width: 1300px){
	.profiles .slick-list{
		padding: 0 0 0 20%;
	}
	.testimonials .slick-list{

		padding: 0 20% 0 0;
	}
	#about-intro_pt2 .image, #about-intro_pt2 .text {
		flex: 0 1 50%;
	}
	#about-intro_pt2 .text{
		max-width: unset;
		padding-right:60px;
		padding-left:60px;
	}
	#about-intro_pt2 {
		margin-bottom: -60px;
	}
}
@media only screen and (max-width: 1200px){

	section:not(#banner), section.carousel .head{
		padding-left:var(--gutter);
		padding-right:var(--gutter);
	}
	.folderflip_content {
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}
	section.carousel, section.team,  section.locations, section#home-intro{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	#about-intro .inner{
		padding-left:var(--gutter);
	}
	section#about-intro_pt2{
		padding-left:0;
		margin-bottom:0;
		padding-bottom:100px;
	}

	body.error404 #page .content {
			padding:25vw var(--gutter) 20vw var(--gutter);
		}

	#home-intro .left{
		padding-left:var(--gutter);
		margin-left:0;
		padding-right:var(--gutter);
		margin-right:0;
		flex:0 1 35%;
	}
	#home-intro .right{
		flex:0 1 65%;
	}
	#masthead ul li a {

		font-size: 18px;
	}
	#banner .text{
		margin-left:var(--gutter);
	}
	.folderflip_tag {
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}
}
@media only screen and (max-width: 1024px){


	:root {

		--gutter:48px;
		--padding:70px;
	}
		#home-intro {
		margin-bottom: -50px;

	}
	section.three_column_text img{
		width:44px;
		height:auto;
	}
	.home #banner .textslider{
		max-width:600px;
	}
	#about-intro_pt2 {
		margin-bottom: 100px;
	}
	#home-intro .left {
		flex: 0 1 45%;
		 margin-left: 0;
		 padding-right: 60px;
	}
	#home-intro .right {
		flex: 0 1 55%;
	}
	.home #banner {
		min-height: 140vh;
	}

	section.locations .slider {
		width: 100%;
		padding:0;
	}
	section.locations  .loc-content{
		flex-direction: column-reverse;
}
	section.locations .loc-content .nav {
		padding:0 var(--gutter);
		width: 100%;
	}
	#contact-page {
		padding: calc(3* var(--padding)) 0;
	}
	section.tabbed .nav{
		padding:0;
	}
	#masthead ul li a{

		font-size: 18px;
	}


	#about-intro .inner{
		padding-left:30px;
	}
	#about-intro_pt2 .text {
		padding-left: 30px;
		max-width: 400px;
	}
	.folderflip_content {
			max-height: inherit;
			min-height: inherit;
			padding:var(--gutter);
			height: calc(100vh - 200px);
		}
		.num-tabs-3 .folderflip_content{

			height: calc(100vh - 150px);
		}
.folderflip_content .inside {
			display: block;
		}
		#tab2 {
			margin-top: 50px;
			top: 50px;
			bottom:100px;
		}
		#tab3 {
			margin-top: 100px;
			top: 100px;
			bottom:50px;
		}
		#tab4 {
			margin-top: 150px;
			top: 150px;
			bottom:0px;
		}
		section.carousel .slide{
			aspect-ratio: 1;
		}
		#masthead.scrolledup #menu-btn, #masthead.dark #menu-btn{

			background: url(../images/menu-btn2.svg) center center no-repeat;
			background-size: contain;
		}
		#masthead {
			padding: 20px;
			padding-left: 0;
			padding-right: 0;
		}
		#masthead.scrolled {
			padding: 10px 20px;
		}
		#masthead.scrolled #logo {
			height: 35px;
			background-size: 162px 52px;
		}
		.folderflip_folder {
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
			max-height: 100vh
		}


		#masthead #logo {
			width: 88px;
			height: 28px;
			display: block;
		}
		.folderflip_tag{
			height:50px;
		}
		#menu-btn{
			background:url('../images/menu-btn.svg') center center no-repeat;
			background-size:contain;
			width:24px;
			height:18px;
			display: block;
		}
		.home #banner .image {

			top: 70px;
		}
		#folder1{
			top: 50px;
		}
		#folder2{
			top: 100px;
		}
		#folder3{
			top: 150px;
		}
		.folderflip_content .image{
			margin-bottom:20px;
		}
		.folderflip_content h2{
			margin-bottom:20px;
		}

		.folderflip_tag h3{
			font-size: 18px;
			top: 8px;
		}

		.num-tabs-3 #tab2{
			bottom: calc(1* var(--space));
		}

		.num-tabs-3 #tab1{
			bottom: calc(2* var(--space));
		}
		.folderflip_tag img{
			width:24px;
			height:24px;
			top: 12px;
				margin-right:10px;

		}
		#masthead.scrolledup{
			padding-top:20px;
		}
		.folderflip_content .copy {
			color: #fff;
			border-left: none;
			padding-left: 0px;
		}
		.folderflip_content hr{
			display: block;
			margin-top: 20px;
		}
		.num-tabs-3 .folderflip_folder {
			min-height: calc(100vh - calc(4* var(--space)));
		}

		.folderflip_wrapper .head{

			padding-left: var(--gutter);
			padding-right: var(--gutter);
		}
		#tabs {
			margin-top: 20px;
		}
		.member .details {
			padding-right:0%;
		}
		section.locations .buttons{
			justify-content: flex-start;
			margin-bottom: 40px;
		}
		#main-menu, #secondary-menu{
			display: none;
		}
		#mobile-close{
			width:18px;
			height:18px;
			position: absolute;
			right:20px;
			top:25px;
			display: block;
			background: url(../images/x.svg) no-repeat;
			background-size: contain;

		}
		 #mobile-logo {
			width: 88px;
			height: 28px;
			display: block;
			background: url(../images/logo.svg) no-repeat;
			background-size: contain;
			position: absolute;
			top:20px;
			left:20px;
		}
		#mobile-menu{
			display: block;
			position: fixed;
			z-index: 999999;
			left:0;
			width: 100vw;
			height: 100vh;
			display: flex;
			align-items: center;
			color:var(--blue);
			justify-content: center;
			padding:20px;
			background:var(--lime);
			top:-100vh;
			opacity: 0;
			transition: opacity .25s ease-in-out;
		}
		body.mobile-menu-open #mobile-menu{

			top:0;
			opacity: 1;
		}
		body.mobile-menu-open{
			overflow-y:hidden;
		}
		#mobile-menu li{
			list-style: none;
			text-align: center;
			display: block;
			margin:20px 0px;

		}

		#mobile-menu li a{
			text-decoration: none;
			font-size:28px;
			line-height:36px;
			font-weight:600;
			font-family: "museo-sans", sans-serif;
		}
}
@media only screen and (max-width: 900px)
{
	.home #banner h1 {
		font-size: 42px;
		line-height: 46px;
		letter-spacing: 0px;
		max-width: 500px;
	}

	.home #banner .text .left p{
		max-width: 500px;
	}
.testimonials h4 {
		font-size: 18px;
		line-height: 26px;
		letter-spacing: 0px;
	}
	section.carousel .slide{
		aspect-ratio: 1;
	}

	#footer h3 {
		font-size:24px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	#footer #f-menu a{

		font-size: 18px;
		line-height: 22px;
	}
	button.qa{
		font-size:18px;
		line-height:28px;
		padding: 15px 40px 15px 0;
	}
	.slider-content .nav h3{
		display:none;
	}

}

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

	:root {

		--gutter:30px;
		--left-side:100%;
	}

	section#about-intro_pt2{
		padding-left:var(--gutter);
		padding-right: var(--gutter);
	}
	section.carousel .testimonials .slide{
		margin:0px;
	}
	#masthead {
		padding: 20px;
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}
	.folderflip_content .copy{
		display: block;
	}
	.member .details a{
		font-size:17px;
	}
	section.three_column_text h3 {
		margin-top: 10px;
	}
	section.three_column_text img {
	width: 40px;
}
	section.locations .slick-list {
		padding: 0 0 0 0%;
	}
	section.locations .slide{
		margin-right:0;
		text-align: center;
	}
	section.locations .icon{
		display: none;
	}
	#contact-page.content{
		display: block;
		padding-top: 80px;
	}
	#contact-page .left{
		padding:0;
	}
	#contact-page .right{
		padding:0;
		border:none;
		margin-top:40px;
	}
	.content.legal .intro strong {
	font-size: 24px;
	line-height: 38px;
}
	.content.legal .intro p {
		font-size: 18px;
		line-height: 26PX;
	}
	.content.legal .words strong{

		font-size: 18px;
		line-height: 26PX;
	}
	.content.legal .words p{
		font-size:14px;
		line-height:21px;
	}
	.content.legal {
		padding: 100px 30px;
	}
	body.error404 #page {
		background: url(../images/404.svg) right top no-repeat;
		background-size: 50%;
	}
	section.three_column_text h1 {
		margin-bottom: 30px;
	}
	section.three_column_text.image-bg .head {
	display: block;
}
	section.three_column_text.image-bg .head .right{
		text-align: left;
		margin-top:30px;
	}
	section.team{
		padding-top:0;
		padding-bottom:0;
		grid-template-columns: 1fr;
	}
	section.tabbed .t-content{
		display: none;
	}
	section.tabbed .nav{

		grid-template-columns: 1fr;
	}
	section.tabbed .content{
		min-height: unset;
	}

	section.tabbed .nav .t-nav, section.tabbed .nav .t-nav.active {
		color: #fff;
		border-bottom: 2px solid var(--lime);
	}
	section.tabbed .nav h6 {
		padding-right: 0%;
	}

	section.full_banner.cta .content{
		display: block;
	}
	section.full_banner.cta .right {

		text-align: left;
		margin-bottom:10vh;
	}
	section.full_banner.cta .text{
		margin-bottom:30px;
	}
	section.full_banner .animate_text {
		bottom: 20px;
		font-size: 100px;
		letter-spacing: -3px;
}
	section.full_banner p br{
		display: none;
	}
	section.full_banner {

		min-height: 50vh;
	}
	section.accordion .accordion-content{
		padding:0;
	}

	#floater, #floater2, #floater3, #floater4, #floater5, #floater6{
		display: none;
	}
	button.qa:after {
		right: 10px;
		top: 24px;
	}

	#home-intro{
		padding-bottom:0;
	}
	section.carousel .text{
		padding: 30px 30px 0 30px;
	}
	.profiles .slide .details{
		opacity: 1;
	}
	section.carousel .slider, section.carousel .nav{
		width:100%;
	}
	section.carousel .slide {
		aspect-ratio: unset;
		margin: 0 30px 0 30px;
		padding:30px;
	}
	.profiles .slide .details .title {

		margin: 10px 0px;
	}
	.profiles .slide .details a{
		color:var(--blue);
		font-size: 18px;
		background: url(../images/arrow-right.svg) right center no-repeat;
		background-size: 8px 18px;
		padding-right: 17px;
	}
	.profiles.slider-content .nav{
		justify-content: space-between;
			padding: 20px 30px;
	}
	.slider-content {
		margin-top: 30px;
	}

	.profiles .mobile.image{

		aspect-ratio: 4 / 3;
		margin-bottom: 20px;
	}
	section.carousel .profiles .slide{
		background: none !important;
		color:var(--blue);
		padding: 0;
	}
	.slide .cover{
		display: none;
	}

	section.team .member {

		aspect-ratio: 3 / 4;
	}

	.testimonials.slider-content .nav {
		justify-content: space-between;
		flex: 0 1 100%;
		padding: 0 30px;
		margin-top: 20px;
	}
	.testimonials .slide img{
		width:30px;
		height:auto;
		margin-bottom:100px;
		position: relative;
		top:unset;
	}
	.testimonials .slide h4{
		font-size:18px;
		line-height: 26px;
		font-weight:400;
	}
	.slider-content .nav h3{
		display:none;
	}
	.profiles .slick-list{
		padding: 0 0 0 0;
	}
	.testimonials .slick-list{

		padding: 0 0 0 0;
	}
	section.two_column_text .col.pad-left{
		padding-left:0;
	}
	section.two_column_text .cols h2{
		padding-right:0%;
	}

	section.two_column_text .cols{

		grid-template-columns: 1fr ;
		row-gap: 0px;
	}
	section.two_column_text p {
		margin-bottom: 30px;
	}
	#about-intro_pt2{
		display: block;
		margin:0;
	}
	#about-intro_pt2 .text {
		padding-left: 0px;
		max-width: unset;
		margin-top:30px;
	}


	.slider-content .nav{
		margin-right:0;
	}

	#home-intro {
		margin-bottom: unset;
		padding-top:0;
		flex-direction: column-reverse;
	}

	#home-intro .left{
		margin-top:40px;
		padding-bottom:40px;
		margin-right:0;
	}
	.home #banner .bannerblocks{
		display:block;
	}

	#lk{
		width:32px;
		height:32px;
		background: url(../images/linkedin.svg) no-repeat;
		background-size: contain;
		position: absolute;
		bottom:60px;
	}




	hr{
		width:32px;
	}
	section{
		padding:40px 30px;
	}

	section#banner{
		padding:0;
	}
	.mobile{
		display: block;
	}
	#banner .text{
		padding-left:30px;
		padding-right: 50px;
		margin-top: -10vh;
	}
	.outer{
		padding:0;
	}


	.home #banner h1{
		font-size:28px;

	}

		.home #banner .image{
			top:68px;
		}

		.home #banner .image {

		height: 80vh;
	}
		.home #banner .text{
			display: block;
		}
	#menu{
		width:90%;
		right:-90%;
	}
	.home #banner {
		min-height: 90vh;
		align-items: center;
	}
 .home #banner .text2 {
		display: none;
	}
	.home #banner .text .left {
		flex: 0 1 100%;
		margin-left: 20px;
		padding-bottom: 0;
	}
	#banner .bannerblocks{
		background-size: 350px;
	}
	#banner .indent {
		border: none;
		padding-left: 0;
		padding-right: 30px;
	}
	#banner hr{
		display: block;
	}
	.home #banner .inner.text {
		margin-bottom: 0;
		padding-left: 50px;

	}
	#banner h1 {
	margin-top: 0;
	margin-bottom: 20px;
}

	#banner {
	min-height: 90vh;
	}

	#banner.about .text {
			margin: 20vh 0 10vh 0;

	}
	#footer {
		background: none;
	}
	#about-intro {
		display: none;
	}

	#banner.about{
		min-height: unset;
	}

	#banner.about .mobile.blocker{
		width:100%;
		height:20vh;
		background:url('../images/ff.svg') 50px bottom no-repeat;
		background-size:calc(100% - 50px);
		position: relative;
		z-index: 3;
		bottom: 0;
	}

	#footer #fineprint{
		display: block;
	}
	#footer{
		padding:var(--padding) var(--gutter) var(--padding) var(--gutter);
	}

	#footer .col.img{
		display: none;
	}

	#f-menu{
		flex-wrap: wrap;
	}

	#footer #f-menu .col{
		flex:0 1 50%;
		margin:0;
	}

	#footer #f-menu .col.loc{
		flex:0 1 100%;
	}
	#f-menu .split{
		column-count: 2;
	}

	#footer #f-logo {
		width:150px;
		height: 48px;
		margin-bottom:20px;
		background:url('../images/logo.svg') no-repeat;
		background-size:contain;
		display: block;
	}

	#banner .text {
		margin-left: 0px;
	}
	#footer #fineprint {
		padding-bottom: 0px;
	}
	section.two_column_text h1 {
		margin-bottom: 30px;
	}
	section.two_column_text hr {
		margin-bottom: 20px;
	}

	section.three_column_text .cols{
		grid-template-columns: 1fr;

	}
	section.three_column_text .cols{
		row-gap:30px;
		margin-top: 40px;
	}
	section.carousel .head{
		display: block;
	}

	section.carousel .head .button{
		display: block;
		margin-top:20px;
	}
	section.team .member{
		padding:30px;
	}
	section.locations{
		padding-bottom:0;
	}


	section.contact-bottom .bannerblocks {
		background-size: 50%;
	}
	section.locations .buttons {
		margin-top:0;
		justify-content: space-between;
		position: relative;
		top: 200px;
	}
	section.locations .slide .title {
		margin-bottom: 20px;
	}
	.home #banner .text .right{
		background:none;
	}
	section.locations .right-button,
	section.locations .left-button{
		border:none;
		position: relative;
	}
	section.locations .right-button{
		background: url(../images/arrow-right2.svg) center center no-repeat;
		background-size: 12px 18px;
		left:30px;
	}
	section.locations .left-button{
		background: url(../images/arrow-left2.svg) center center no-repeat;
		background-size: 12px 18px;
		right:30px;
	}
	section.contact-bottom {
	min-height: 40vh;
}
	#contact-page {
		padding: calc(3* var(--padding)) 0 0 0;
	}
	section.locations{
		bottom: unset;
		position: relative;
		z-index: 3;
	}
	.home #banner .text2 .left{
		display:none;
	}
}