

@media (max-width:1040px) {
#wrapper{
    padding-top:70px;
}
	
  #wrapper.stickyHeader {
    padding-top: 70px;
}
	
	#header,.nav-wrap{
        display: none;
    }
    .mobile-header {
        display: block;
    }
	#headerspacer{
		display:none;
	}
}


@media (max-width:767px) {
	img.alignleft, img.alignright, .wp-caption.alignleft, .wp-caption.alignright{
		margin: 20px auto !important;
		display: block;
		float: none;
	}
	
	picture.alignleft, picture.alignright{
		margin: 20px auto !important;
		display: block;
		float: none;
	}
	picture.alignleft img, picture.alignright img{
		margin: auto !important;
		display: block;
	}
	
	.image-border.alignleft,.image-caption.alignleft ,.image-border.alignright,.image-caption.alignright {
   margin: 20px auto !important;
		display: block;
		float: none;
}

	
}

@media (max-width:640px){
	.large-title {
		font-size: 40px;
	}
}

@media (max-width:400px){
	.mobile-header .logowrap {
    margin: 22px 0 0;
    max-width: 240px;
}
}


/*HOMEPAGE VIDEO BANNER-----------------------------------------*/

@media (max-width:1250px){
	
}
@media (max-width:1030px){
	
}
@media (max-width:700px){
	
	
}


/*FOOTER------------------------------------------------*/

@media (max-width:1280px){
	.footer-contact-info{
		width: 300px;
	}
	.footer-navigation {
		width: calc(100% - 300px);
	}
}

@media (max-width:1240px){
	.footer-contact-info{
		width:auto;
		float:none;
		text-align: center;
	}
	
	.logo-tagline {
		margin: 10px 0 17px 0;
	}
	
	ul.social-icons {
    margin: 0px 0 20px;
  
    position: relative;
    right: auto;
    top: auto;
}
.footer-contact-info ul {
    margin: 0 0 35px;
}
	.footer-contact-info ul li {
    display: inline-block;
    margin: 0 19px 20px;
    padding: 0 0 0 34px;
}
	.footer-navigation {
		width: auto;
		float:none;
		margin:auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul.footer-menu {
		float: none;
		width:auto;
		    margin: 0 0 25px;
		padding: 0;
	}
	
}

@media (max-width:875px){
	.main-content{
	display: none;
	}
	.mobile-content{
		display: block;
	}
}

@media (max-width:790px){
	ul.footer-menu {
		width:100%;;
		text-align: center;
	}
}

/*BOTTOM CTA---------------------------------*/

@media (max-width:640px){
	.bottom-cta h2 {

    font-size: 40px;
}
}

/*LARGE BANNER AND INTRO--------------------------------*/
@media(max-width:1100px){
	.banner-content-wrap h1 {
		font-size: 48px;
	}
}

@media (max-width:1080px){
.sidebar-column{
	display: block;
	}
	.sidebar-wrap .intro-blocks{
		 display: block;     
	}

}
	
	@media(max-width:800px){
	#LargeBanner{
		background-image: none !important;
		height:auto !important;
	}
	.banner-mobile-image{
		display: block;
	}
	
	.banner-content-wrap {
		position: relative;
		top: 0;
		transform: translateY(0);
		/* width: 54.6875%; */
		width: 100%;
		text-align: center;
		    padding: 25px 0;
	}
		
		#LargeBanner.has-side-content{
			min-height: 0;
			padding:0;
		}
#LargeBanner.has-side-content .banner-content-wrap {
    
    width: 100%;
    float: none;
    margin-top: 0px;
}
		.large-banner-side-content{
			width: 100%;
    float: none;
			margin-top: 20px;
		}
		
		
	.intro-block {
		width: calc(100% - 30px);
	}
		
		
	.sidebar-wrap{
    display: block;
		margin:75px 0px 75px;
	}
		
	.sidebar-column{
			width:100%;
			padding:0;
		margin-top: 20px;
	}
	.sidebar-wrap .intro-blocks, .sidebar-wrap .introduction-custom{
		width:100%;
		padding:0;
		border-left:none;
		border-bottom:4px dotted #ccc;
		padding-bottom: 20px;
	}

		
		
}

@media(max-width:640px){
	.banner-content-wrap h1 {
	font-size: 40px;
	}
	#LargeBannerIntro h2 {
    font-size: 40px;
	}
}

@media(max-width:580px){
	.sidebar-column{
		/*text-align: center;*/
	}
	.intro-blocks.list .intro-block{
		padding-left:0px;
		text-align: center;
	}
	
	.intro-blocks.list .intro-block h2{
		text-align: center !important;
	}
	.intro-blocks.list .intro-block h3 {
    margin-bottom: 25px;
		text-align: center !important;
}
	.intro-blocks.list .intro-block .intro-icon{
		    margin: 0 auto 10px;
		position: relative;
		left:auto;
		top:auto;
		
	}
	
}

/*BOX GRID-------------------------------------------*/
@media (max-width:1150px){
	.box-grid.four .box{
		width: calc(33.333333% - 30px);
	}
}
@media (max-width:875px){
	.box-grid.three .box,.box-grid.four .box{
		width: calc(50% - 30px);
	}
}
@media (max-width:640px){
	.box-grid.two .box,.box-grid.three .box,.box-grid.four .box{
		width: calc(100% - 30px);
	}


	.box-grid-wrap h2 {
		font-size: 40px;
	}
	
}

/*SPLIT COLUMN---------------------------------------*/

@media (max-width:950px){
	.split-col-content h2,.split-col-content h3 {
		font-size: 40px;
	}
}

@media (max-width:767px){
	.split-col {
		width: calc(100% - 80px);
	}
}

/*SPLIT COLUMN WIDE/SHORT---------------------------------------*/
@media (min-width: 1001px) and (max-width:1075px){
	.two-column{
	display: block;
	}
	.two-column .column{
		width:auto;
		margin-bottom:20px;
	}
}
@media (max-width:1000px){
	.split-columns.wide_short_column{

	}
	.split-columns.wide_short_column .split-col:first-child{
		width: calc(100% - 60px);
	}
	.split-columns.wide_short_column .split-col{
		width: calc(100% - 60px);
	}
	
	.split-columns.wide_short_column .split-col {
		width: calc(100% - 60px);
	}
	
	.split-columns.wide_short_column .split-col img.alignleft {
		float: none;
		margin: 20px auto;
		display: block;
	}
	.split-columns.wide_short_column .split-col img.alignright {
		float: none;
		margin: 20px auto;
		display: block;
	}

}
@media (max-width:600px){
	.two-column{
	display: block;
	}
	.two-column .column{
		width:auto;
		margin-bottom:20px;
	}
}

/*CONTENT CTA---------------------------*/

@media (max-width:1000px){
	.cta-title {
    	font-size: 30px;
	}
	.content-block{
		font-size: 17px;
	}
	.cta-small-title{
		font-size: 17px;
		font-weight: 400;
		text-transform: uppercase;
		/* margin-bottom:20px; */
	}

}

@media (max-width:890px){
	.content-cta{
		height: auto;
		background-image: none !important;
	}
	.content-cta .mobile-image{
		display: block;
	}
	
	.content-block {
		position: relative;
		top: 0;
		transform: translateY(0);
		left: 0;
		padding: 0 0px;
		width: 100%;
		text-align: center;
	}
	
}

/*TESTIMONIALS GENERIC ----------------------------------------*/

@media (max-width:700px){
	.testimonial-generic-content {
		font-size: 20px;

	}
	.testimonial-generic-author {
    font-size: 18px;
}
}

/*TESTIMONIALS WITH INFO ----------------------------------------*/

@media (max-width:1020px){
	.testimonial-content {
    font-size: 20px;
	}
}
@media (max-width:750px){
	.testimonial-column-wrap {
    display: block;
    margin: 0;
	}
	.testimonial-column {
    width:auto;
    margin: 0px 0px 0px;
		text-align: center;
	}
	.testimonial-author div {
    display: block;
	}
	.author-photo {
   margin: 0 auto 5px;
	}
}

/*HERO IMAGE COLUMN-------------------------------------*/
@media (max-width:1280px){
	.hero-image{
	width: 400px;
	}
	/*.hero-image-column-wrap{
	display: flex;
    justify-content: center; 
	flex-direction: row;
	flex-wrap: wrap;
	margin:0px -15px 0;
	}
*/
	.hero-image-column-left,.hero-image-column-right{
		width: calc(50% - 230px); /*half the image plus margin*/
		padding-top:50px;
	}
}

@media (max-width:1000px){
	.hero-image-column-wrap{

	margin:0px 0px 0;
	}
	.hero-image{
		order:1;
		width:100%;
		margin:0 auto 20px;
	}
	.hero-image-column-left{
		order:2;
		width:100%;
		margin:0 auto 20px;
		padding-top:0px;
	}
	.hero-image-column-right{
		order:3;
		width:100%;
		margin:0 auto 20px;
		padding-top:0px;
	}
}

@media (max-width:640px){

.hero-column-intro h2 {
    font-size:  40px;
}
}

/*WHITE PAPERS-------------------------------------------*/
@media (max-width:1150px){
	.white-papers.four .white-paper{
		width: calc(33.333333% - 30px);
	}
}
@media (max-width:875px){
	.white-papers.three .white-paper,.white-papers.four .white-paper{
		width: calc(50% - 30px);
	}
}
@media (max-width:640px){
	.white-papers.two .white-paper,.white-papers.three .white-paper,.white-papers.four .white-paper{
		width: calc(100% - 30px);
	}


	
}

/*STAFF BOXES------------------------------------------------------*/

@media (max-width:767px){

.staff-box{
	width:50%;
	}
}
@media (max-width:500px){
	.staff-boxes{
		display:flex;
	}
.staff-box{
	width:100%;
	}
}




