@charset "UTF-8";
/* CSS Document */


@media (max-width: 1200px) {   /* 1200 breaks for custom elements */
	.hero-headline-wrapper {
		width: 90%;
	}
}
	
@media (max-width: 800px) {   /* 800 breaks for side founder menu to fix overflow issue with large type */
	.our-founder-menu li a {
		font-size: .75em;
		line-height: 2.2em;
	}
}

@media (max-width: 700px) {   /* 800 breaks for side founder menu to fix overflow issue with large type */
	.company-name {
		display: none;
	}
}

@media (max-width: 640px) {   /* 640 breaks to small grid */
  #nav-hero-list li {
    width: 100%;
		height: 120px;
		border-bottom: 2px solid #FFF;
  }
	#nav-hero-list li:last-child {
		border-bottom: none;	
	}
	.read-lydas-wrapper {
		margin-top: 10px;
	}
	#secondary-hero-list li:nth-child(1) {
		width: 100% !important;
		height: 180px;
		border: none;
		border-bottom: 2px solid #FFF;
	}
	#secondary-hero-list li:nth-child(2) {
		width: 100% !important;
		height: 360px;
	}
	#secondary-hero-list-nested li:nth-child(1) {
		height: 180px;
	}
	#secondary-hero-list-nested li:nth-child(2) {
		height: 180px;
	}
	.slicknav_menu {
		display: block;
	}
	.secondary-hero-block-tc > .green-button {
		margin-top: 10px !important;
	}
	.hp-block-3 {
		padding: 34px 30px;
	}
	.case-study-wrapper ul {
		margin-left: 0em;
	}
	.case-study-wrapper ul li {
		margin-left: 1em;
	}
	
	
	/* TOPICS PAGE */
	.case-study-wrapper {
		padding: 20px;
	}
	
	
	/* ABOUT - OUR FOUNDER PAGE */
	.our-founder-image-wrapper {
			margin-bottom: 25px;
	}
	.about-sidebar-wrapper {
		padding-right: 0px;
	}
	
	/* ABOUT - TEAM PAGE */
	.bio-head-pic {
		margin-bottom: 1em;	
	}
	.team-member-photo {
		margin-bottom: 20px;	
	}
	.accordian-single-item .active-header {
		margin-bottom: -36px !important;
	}
	
	/* footer */
	.footer-menu li:after {
		content: ' ';
	}
}




@media (max-width: 800px) {   /* < 800 reduce hero height */
	.interior-hero-wrapper {		/* HERO ADJUST HEIGHT */
		height: 300px;
	}
	.over-hero-wrapper {				/* HERO ADJUST HEIGHT */
		height: 300px;
	}
	.hero-headline-wrapper {		/* HERO ADJUST HEIGHT */
		height: 280px;
	}
	.hero-caption-wrapper {			/* HERO ADJUST HEIGHT */
		height: 280px;
	}
}