/* GLOBAL STYLES
-------------------------------------------------- */

	.site h1, .site h2, .site h3, .site h4, .site h5 {
		font-weight: 700;
		font-family: 'Libre Baskerville';
		letter-spacing: inherit;
	}
	
	.site h1 {
		font-size: 42px;
	}
	
	.site h2 {
		font-size: 42px;
	}

	.site h3 {
		font-size: 28px;
		color: #de5b41;
	}
	
	.site h4 {
		font-size: 28px;
		font-weight: 400;
	}
	
	.site h5 {
		font-size: 22px;
		font-weight: 400;
		color: #36384a;
	}

	.site p, body .site {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5em;
		color: #444;
		font-family: 'Open Sans';
	}
	
	.site a {
		color: #5a64a3;
	}
	
	.site a:hover {
		color: #3e4268;
		text-decoration: none;
	} 
	
	.text p {
		color: #fff;
	}
	
	.text-sm p {
		color: #fff;
	}
	
	.sub-heading {
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.site .btn-cdp-outline {
		border-color: #3e4268;
		color: #3e4268;
		background-color: #fff;
	}
	
	.site .btn-cdp-outline:hover, .site .btn-cdp-outline:active {
		border-color: #3e4268;
		background-color: #3e4268;
		color: #fff;
	}
	
	.site .btn-cdp-footer {
		color: #fff;
		border-color: #e1bab2;
		text-transform: uppercase;
		background-color: #36394b;
	}
	.site .btn-cdp-footer:hover, .site .btn-cdp-footer:active {
		border-color: #fff;
		color: #fff;
	}
	
	p.credit{
		margin-top: -10px;
		font-size: 14px;
	}
	
	h5.credit {
		font-size: 18px;
		color: #fff;
	}
	
	.cdp-logo {
		margin: 15px 0 15px 25px;
		padding-right: 0;
		float: left;
		text-decoration:none;
	}
	
	.cdp-logo img {
		max-height: 80px;
		max-width: 80%;
	}

	.intro-paragraph {
		margin:0 0 20px;
		text-align: center;
	}
	@media (min-width:768px) {
	.intro-paragraph {
		margin:20px 0 0; 
	}
	}
	
	.intro-text { 
		margin: 50px auto 20px;
	}
	
	.intro-text p {
		font-size:18px;
		line-height: 1.4em;
	}
	
	.page-body .intro-text {
		margin: 60px auto;
	}
		
	.banner {
		color:#fff; 
		margin:0 0 80px; 
		text-align:center;
	}
	@media (min-width:768px) {
	.banner {
		margin:0 0 80px; 
	}
	}
	
	.dark-blue-banner {
		background-color: #36384a;
	}
	.light-blue-banner {
		background-color: #3e4268;
	}
	
	.banner-text { 
		margin: 50px 0;
	}
	
	.banner-text p {
		font-size:18px;
		line-height: 1.4em;
		color: #fff;
	}
	
	.no-banner {
		margin: 0 0 20px; 
		text-align:center;
	}
	@media (min-width:768px) {
	.no-banner {
		margin: 20px 0 30px; 
	}
	}
		
	.no-banner-text {
		margin:20px auto 0;
	}
	@media (min-width:768px) {
	.no-banner-text {
		margin:40px auto 0;
	}
	}
	
	.quote-banner {
		color: #fff;
		margin: 0;
		text-align: center;
	}

	.dark-blue-quote {
		background-color: #36384a;
	}
	.light-blue-quote {
		background-color: #3e4268;
	}
	.light-green-quote {
		background-color: #9dac39;
	}
	.pink-quote {
		background-color: #e1bab2;
	}
	
	.quote-banner-text { 
		padding:90px 0;
	}
	@media (min-width:768px) {
	.quote-banner-text { 
		padding:110px 0;
	}
	}
	
	.quote-banner-text p {
		font-family: 'Libre Baskerville';
		font-size:24px;
		font-weight:400;
		line-height: 1.4em;
		margin-top:20px;
		color: #fff;
	}
	
	
	footer {
		background-color:#36384a;
		margin:0;
		/* img instead
		background-image: url("https://www.communitydesignpartners.com/images/CommunityDesignPartners_Logo_footer.png");
		background-repeat: no-repeat;
		background-origin: content-box;
		background-size: contain;
		*/
	}
	
	.footer-logo img {
		max-height: 180px;
	}

	footer .contact {
		padding-right: 40px;
		margin-top: 40px;
		text-align: right;
	}
	@media (min-width:576px) {
	footer .contact  {
		padding-right: 30px;
		margin-top: 15px;
	}
	}
	
	footer .connect {
		padding-right: 40px;
		margin-top: 0;
		text-align: right;
	}
	@media (min-width:576px) {
	footer .connect  {
		padding-right: 30px;
		margin-top: 15px;
	}
	}
	
	footer .contact h4, footer .connect h4 {
		font-size:18px;
		color:#e1bab2;
		margin-bottom:0;
	}
	footer .contact-link {
		margin-top:0;
	}
	
	footer .contact-link a {
		font-size:16px;
		color:#fff;
	}
	
	footer .contact-link a:hover, footer .contact-link a:active {
	    color:#fff;
	    opacity:.9;
	}
	
	footer .linked-in {
		margin: 0 1px 0 0;
		width: 74px;
	}
	footer .linked-in-hover {
		margin: 0 1px 0 0;
		width: 74px;
		opacity:1;
	}
	
	footer .connect-link .linked-in:hover {
		opacity:.9;
	}

	
	footer .stagger {
		order: 0;
	}
	@media (min-width:576px) {
	footer .stagger {
		order: 13;
	}
	}

	.back-to-top p {
		padding: 40px 0 0;
		text-align: center;
	}
	
	.bottom {
		margin-top: 0;
    	background-color: #242532;
	}
	@media (min-width:992px) {
	.bottom {
		margin-top: -38px;
    	background-color: inherit;
	}
	
	}
	.bottom p {
		text-align: center;
		font-size: 12px;
		margin: 10px auto;
		color: #aaa;
	}
	
	.bottom a {
		color: #9196b9;
	}
	
	.bottom a:hover {
		color: #c6c9e5;
	}
	
	
	.copyright-mobile {
		display: none;
	}
	@media (min-width:576px) {
	.copyright-mobile {
		display: inline;
	}
	}
	.bottom ul {
		padding-inline-start: 0;
		margin: 10px auto;
		font-size: 12px;
		color: #aaa;
		text-align: center;
	}
	
	.bottom li {
		display: inline;
	}
	.bottom li:first-child {
		display:block;
	}
	@media (min-width:576px) {
	.bottom li:first-child {
		display:inline;
	}
	}

/* Nav and Hero
-------------------------------------------------- */

	.navbar-nav {
		text-transform: uppercase;
	}
	
	.cdp-nav .navbar-nav .dropdown-menu {
		right: 0;
	}
	
	.cdp-nav .dropdown-menu {
		left: inherit;
	}
	.cdp-nav .navbar-light .navbar-nav .nav-link {
		color: rgb(56 59 79);
	}
	.cdp-nav .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active {
		color: rgb(157 173 57);
	}
	
	
	@media (max-width:991px){
	.cdp-nav .navbar-light .navbar-nav .show>.nav-link, .cdp-nav .navbar-light .navbar-nav .nav-link:hover {
		color: #000;
	}
	}
	@media (min-width:992px){
	.cdp-nav .navbar-light .navbar-nav .show>.nav-link, .cdp-nav .navbar-light .navbar-nav .nav-link:hover {
		color: #de5b42;
	}
	}
	
	
	.hero-image {
		overflow: hidden;
	}
	.hero-image img {
		margin:0 auto;
	}
		
	@media (min-width:768px) {
	.hero-image .about {
		margin-top:-55px;
		margin-bottom:-35px;
	}
	}
	@media (min-width:992px) {
	.hero-image .about {
		margin-top:-80px;
		margin-bottom:-50px;
	}
	}
	
	@media (min-width:768px) {
	.hero-image .home {
		margin-top:-55px;
		margin-bottom:-35px;
	}
	}
	@media (min-width:992px) {
	.hero-image .home {
		margin-top:-80px;
		margin-bottom:-50px;
	}
	}
	
	@media (min-width:768px) {
	.hero-image .work {
		margin-top:-20px;
		margin-bottom:-70px;
	}
	}
	@media (min-width:992px) {
	.hero-image .work {
		margin-top:-30px;
		margin-bottom:-100px;
	}
	}	

	@media (min-width:768px) {
	.hero-image .impact {
		margin-top:-55px;
		margin-bottom:-35px;
	}
	}
	@media (min-width:992px) {
	.hero-image .impact {
		margin-top:-80px;
		margin-bottom:-50px;
	}
	}	
	
	@media (min-width:768px) {
	.hero-image .resources {
		margin-top:-55px;
		margin-bottom:-35px;
	}
	}
	@media (min-width:992px) {
	.hero-image .resources{
		margin-top:-80px;
		margin-bottom:-50px;
	}
	}
		

/* Hexagon General
-------------------------------------------------- */

	.flex-container {
	  /* We first create a flex layout context */
	  display: flex;
	  /* Then we define the flow direction 
		 and if we allow the items to wrap 
	   * Remember this is the same as:
	   * flex-direction: row;
	   * flex-wrap: wrap;
	   */
	  flex-flow: row wrap;
	  /* Then we define how is distributed the remaining space */
	  padding: 0;
	  margin: 0;
	  list-style: none;
	}
	
	.flex-item {
	  font-family:'Libre Baskerville';
	  font-weight:400;
	  font-size:17px;
	  color: #fff;
	  padding: 0;
	  width: 200px;
	  height: 200px;
	  margin: 0;
	  line-height: 200px;
	  text-align: center;
	  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
	}
		
	.flex-item .text p {
	  font-family:'Libre Baskerville';
	  font-weight:400;
	  font-size:17px;
	  line-height: 7px;
	}
	.flex-item .text-sm p {
	  font-family:'Libre Baskerville';
	  font-weight:400;
	  font-size:15px;
	  line-height: 7px;
	}	
		
	.space-evenly {
	 justify-content: space-evenly;
	 margin: 0 -40px; 
	}
	
	.space-between {
	  justify-content: space-between;
	  margin: -104px -80px;
	}
	
	.hexagon-link {
		height: 100%;
		width: 100%;
		display: inline-block;
	}
	
	.one-line {
		margin:0
	}
	
	.two-line {
		margin:72px 0 0 ;
	}

	.two-line p {
		margin: 0;
	}
	
	.two-line .first-line {
		padding-top: 70px;
	}
	 
	.two-line .second-line {
		margin-top:0;
	}
	
	.three-line {
		margin-top: 18px;
	}
	
	.dark-blue.link:hover, .light-blue.link:hover  {
		background-color: #de5b41;
	}
	
	.no-link:hover {
		background-color: #4f4f4f;
	}
	
	.dark-blue, .light-blue {
	  background-color: #de5b41;
	  transition:0s 180s;
	  display: flex;
	}
			
	.light-grey {
	  background-color: #999;
	  transition:0s 180s;
	  display: flex;
	}
	
	.dark-grey {
	  background-color: #666;
	  transition:0s 180s;
	  display: flex;
	}
	
	.dark-green {
	  background-color: #666;
	  transition:0s 180s;
	  display: flex;
	}
	
	.light-green {
	  background-color: #999;
	  transition:0s 180s;
	  display: flex;
	}
	
	.orange-light-green {
	  background-color: #de5b41;
	  transition:0s 180s;
	  display: flex;
	}
	
	.grey-dark-blue, .grey-light-blue {
		background-color: #666;
		transition: 0s 180s;
		display: flex;
	}
	
	.orange .text, .dark-blue .text, .light-blue .text, .dark-green .text, .light-green .text, .orange-light-green .text, .dark-blue .text-sm, .light-blue .text-sm, .dark-green .text-sm, .light-green .text-sm, .orange-light-green .text-sm {
	  transition:0s 180s;
	  opacity: 0;
	}
	
	.light-grey .text-sm {
	  transition:2s;
	  transition-delay: 180s;
	  opacity: 0;
	}
	
	.photo {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		transition:0s 180s;
		opacity: .5;
		background-color: #ccc;
	}
		
	.photo1 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_01.jpg");
	}
	.photo2 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_02.jpg");

	}
	.photo3 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_03.jpg");

	}
	.photo4 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_04.jpg");

	}
	.photo5 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_05.jpg");

	}
	.photo6 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_06.jpg");

	}
	.photo7 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_07.jpg");

	}
	.photo8 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_08.jpg");

	}
	.photo9 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_09.jpg");

	}
	.photo10 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_10.jpg");

	}
	.photo11 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_11.jpg");
	}
	.photo12 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_12.jpg");
	}
	.photo13 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_13.jpg");
	}
	.photo14 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_14.jpg");
	}
	.photo15 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_15.jpg");
	}
	.photo16 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_16.jpg");
	}
	.photo17 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_17.jpg");
	}
	.photo18 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_18.jpg");
	}
	.photo19 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_19.jpg");
	}
	.photo20 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_20.jpg");
	}
	.photo21 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_21.jpg");
	}
	.photo22 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_22.jpg");
	}
	.photo23 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_23.jpg");
	}
	.photo24 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_24.jpg");
	}
	.photo25 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_25.jpg");
	}
	.photo26 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_26.jpg");
	}
	.photo27 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_27.jpg");
	}
	.photo28 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_28.jpg");
	}
	.photo29 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_29.jpg");
	}
	.photo30 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_30.jpg");
	}
	
	
	.hexagon-photo_200x200_01 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_01.jpg");
	}
	.hexagon-photo_200x200_02 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_02.jpg");

	}
	.hexagon-photo_200x200_03 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_03.jpg");

	}
	.hexagon-photo_200x200_04 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_04.jpg");

	}
	.hexagon-photo_200x200_05 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_05.jpg");

	}
	.hexagon-photo_200x200_06 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_06.jpg");

	}
	.hexagon-photo_200x200_07 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_07.jpg");

	}
	.hexagon-photo_200x200_08 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_08.jpg");

	}
	.hexagon-photo_200x200_09 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_09.jpg");

	}
	.hexagon-photo_200x200_10 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_10.jpg");

	}
	.hexagon-photo_200x200_11 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_11.jpg");
	}
	.hexagon-photo_200x200_12 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_12.jpg");
	}
	.hexagon-photo_200x200_13 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_13.jpg");
	}
	.hexagon-photo_200x200_14 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_14.jpg");
	}
	.hexagon-photo_200x200_15 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_15.jpg");
	}
	.hexagon-photo_200x200_16 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_16.jpg");
	}
	.hexagon-photo_200x200_17 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_17.jpg");
	}
	.hexagon-photo_200x200_18 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_18.jpg");
	}
	.hexagon-photo_200x200_19 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_19.jpg");
	}
	.hexagon-photo_200x200_20 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_20.jpg");
	}
	.hexagon-photo_200x200_21 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_21.jpg");
	}
	.hexagon-photo_200x200_22 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_22.jpg");
	}
	.hexagon-photo_200x200_23 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_23.jpg");
	}
	.hexagon-photo_200x200_24 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_24.jpg");
	}
	.hexagon-photo_200x200_25 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_25.jpg");
	}
	.hexagon-photo_200x200_26 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_26.jpg");
	}
	.hexagon-photo_200x200_27 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_27.jpg");
	}
	.hexagon-photo_200x200_28 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_28.jpg");
	}
	.hexagon-photo_200x200_29 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_29.jpg");
	}
	.hexagon-photo_200x200_30 {
		background: url("https://www.communitydesignpartners.com/images/hexagon-photo_200x200_30.jpg");
	}

/* Home
-------------------------------------------------- */
	
	
	.home-intro {
		margin: 20px auto 10px;
	}
	@media (min-width:768px) {
	.home-intro {
		margin: 40px auto;
	}
	}
	
	.home-intro-section {
		padding: 20px 0;
	}
	
	.home-intro p {
		font-size:18px;
		line-height: 1.4em;
	}
	
	.cdp-banner {
		padding: 60px 30px 20px;
		margin-bottom: 40px;
		background-color: #3e4268;
		color: #fff;
	}
	@media (min-width:768px) {
	.cdp-banner {
		margin-bottom: 60px;
	}
	}
	
	.cdp-banner-section {
		margin:0 auto; 
		text-align:center;
	}
	
	.cdp-banner-item {
		text-align:center;
		margin-bottom:40px;
	}
	
	.cdp-banner h3 {
		color: #fff;
	}
	
	.cdp-banner p {
		color: #fff;
		max-width: 480px;
    	margin: 0 auto;
	}
	
	.home-section {
		margin: 20px 0; 
		text-align: center;
	}
	
	.home-title {
		margin: 20px auto 20px;
		text-align: center;
	}
	.home-title p {
		font-size:18px;
		line-height: 1.4em;"
	}
	
	.home-what-we-do {
		margin:40px auto 0
	}
	
	.home-what-we-do-title-section {
		margin:40px 0 0; 
		text-align:center;
	}
	.home-what-we-do-title {
		margin:20px auto;
	}
	.home-what-we-do-title p {
		font-size:18px;
		line-height: 1.4em;
	}
	.home-what-we-do-mobile {
		margin: 0 -10px;
	}

	.container-hexagon-what-we-do {
	  width:600px;
	  height:75px;
	  margin:0 auto;
	}
	
	@media (min-width: 768px) {
	.hexagon-what-we-do {
		margin: 0 auto 120px;
		transform: scale(1);
	}
	}
	
	.hexagon-what-we-do .two-line {		
		display: inline-block;
		margin-top: 27px;
	}
	
	.hexagon-what-we-do .two-line .first-line {
		margin-top: 0;
	}
	
	.hexagon-what-we-do .two-line .second-line {
		margin-top: 15px;
	}
	
	.hexagon-what-we-do .flex-item .text p {
		font-size: 18px;
	}
	
	#home-work:hover .dark-blue {
		background-color: #36384a;
		transition:.1s;	
	}
	#home-work:hover .grey-dark-blue {
		background-color: #36384a;
		transition:.1s;	
	}
	#home-work:hover .light-blue {
	  background-color: #3d4268;
	  transition:.1s;	
	}
	#home-work:hover .grey-light-blue {
	  background-color: #3d4268;
	  transition:.1s;	
	}
	#home-work:hover.dark-green {
	  background-color: #39481e;
	  transition:.1s;
	  display: flex;	
	}
	#home-work:hover .light-green {
	  background-color: #9dac39;
	  transition:.1s;	
	}
	#home-work:hover .orange-light-green {
	  background-color: #9dac39;
	  transition:.1s;	
	}
	
	
	#home-work:hover .text1 {	
		opacity: 1;
		transition:.5s;
		transition-delay: .5s;	
		background-color: none;
	}
	#home-work:hover .text2 {	
		opacity: 1;
		transition:.5s;
		transition-delay: .75s;
		background-color: none;
	}
	#home-work:hover .text3 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1s;	
		background-color: none;
	}
	#home-work:hover .text4 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1.25s;	
		background-color: none;
	}
	#home-work:hover .text5 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1.5s;
		background-color: none;
	}
	#home-work:hover .text6 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1.75s;
		background-color: none;
	}
	#home-work:hover .text7 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 2s;
		background-color: none;
	}	
	
	#home-values .grey-light-blue {
	  background-color: #3d4268;
	}	
	
	#home-values .text {
		font-size: 18px;
		height: 200px;
		width: 200px;
	}
	
	.hexagon-home-values {
		margin: -10px 0;
	}
	
	.hexagon-home-values .flex-item {
		width: 200px;
		height: 200px;
	}
	
	.hexagon-home-values .container-hexagon-fade {
		width: 200px;
		height: 195px;
		margin: 0 auto;
	}
	
	.word {
		transform: translate(-50%, -50%);
		height: 200px;
		width: 200px;
		position: absolute;
		margin: 100px;
		padding-top: 0;
		opacity: 0;
		-ms-animation: switch 16s infinite;
		-webkit-animation: switch 16s infinite;
		animation: switch 16s infinite;
	}
	.word.line-break {
		padding-top: 80px;
		line-height: 1.1em;
	}
	
	.word:nth-child(1) {
		animation-delay: 0s;
	}

	.word:nth-child(2) {
		animation-delay: 2s;
	}

	.word:nth-child(3) {
		animation-delay: 4s;
	}
	
	.word:nth-child(4) {
		animation-delay: 6s;
	}

	.word:nth-child(5) {
		animation-delay:8s;
	}

	.word:nth-child(6) {
		animation-delay: 10s;
	}
	
	.word:nth-child(7) {
		animation-delay: 12s;
	}
	
	.word:nth-child(8) {
		animation-delay: 14s;
	}
	
	@keyframes switch {
	  0%, 12.5% {opacity: 1} /* visible for 1s */
	  12.51%, 100% {opacity: 0} /* hidden for 4s */
	}

	.home-collage {
		margin:40px 0 0;
	}
	@media (min-width:768px) {
	.home-collage {
		margin:80px 0 0;
	}
	}
	
	.home-collage .collage-row {
		margin: 0 -15px;
	}	
		
	.collage-row .collage-images {
		padding-left: 0;
		padding-right: 0;
	}
	
	.collage-images {
	  position: relative;
	  width: 50%;
	}

	.overlay {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  transition: .3s ease;
	}
	.collage-images .dark-blue {
		background-color: rgba(54, 55, 75, .95);
	}
	.collage-images .light-blue {
		background-color: rgba(62, 66, 104, .95);
	}
	.collage-images .dark-green {
		background-color: rgba(58, 72, 30, .95);
	}
	.collage-images .light-green {
		background-color: rgba(157, 172, 58, .95);
	}
	
	.collage-images:nth-child(1) .overlay {
    background-color: rgba(62, 66, 104, .95);
	}
	.collage-images:nth-child(2) .overlay {
		background-color: rgba(157, 172, 58, .95);
	}
	.collage-images:nth-child(3) .overlay {
		background-color: rgba(54, 55, 75, .95);
	}
	.collage-images:nth-child(4) .overlay {
		background-color: rgba(58, 72, 30, .95);
	}
	.collage-images:nth-child(5) .overlay {
    background-color: rgba(62, 66, 104, .95);
	}
	.collage-images:nth-child(6) .overlay {
		background-color: rgba(157, 172, 58, .95);
	}
	
	.collage-images:hover .overlay {
	  opacity: 1;
	}
	.collage-images:hover img {
		filter: grayscale(1);
		transition: .5s ease;
	}
	
	.overlay h4 {
		font-size: 18px;
	}
	.collage-text {
	  color: #fff;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  text-align: center;
	}
	
	.collage-text p {
	  font-family: 'Libre Baskerville';
	  font-weight: 400;
	  font-size: 18px;
	  letter-spacing: inherit;
	  color: #fff;
	  margin-top: 0;
	  margin-bottom: 0.5rem;
      line-height: 1.2;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  text-align: center;
	}
	
	.home-impact {
		margin:0;
		background-color:#efefef;
	}
	
	.home-impact-title-section {
		margin: 0 0 40px;
		padding: 30px 0 30px; 
		text-align: center;
	}
	@media (min-width:768px) {
	.home-impact-title-section {
		margin: 0 0 80px;
		padding: 30px 0 60px; 
	}
	}
	
	.home-values {
		margin: 40px auto
	}
	
	home-values-section {
		margin: 40px 0 0; 
		text-align: center;
	}

	

/* Our Work
-------------------------------------------------- */
	
	
	/*
	
	MOBILE HEXIGON SERVICE
	margin: 0px 15px 60px;
	
	MOBILE HEXIGON APPROACH
	
	*/
	
	.mobile-hexagon-services {
		margin: 0px 15px 60px;
	}

	@media (min-width: 768px) {
	.hexagon-services {
		margin: -100px -115px -60px;
		transform: scale(.62);
	}
	}
	/* had typo? */
	@media (min-width: 992px) {
	.hexagon-services {
		margin: -50px auto 0;
		transform: scale(.8);
	}
	}
	@media (min-width: 1200px) {
	.hexagon-services {
		margin: -20px auto 25px;
		transform: scale(.9);
	}
	}
	
	.hexagon-services .two-line .first-line {
		padding-top: 0;
	}
		
	.hexagon-services .two-line .second-line {
		margin-top: 15px;
	}
	
	.container-hexagon-two-line {
	  width:1000px;
	  height:237px;
	  margin:0 auto;
	}
	
	
	@media (min-width: 768px) {
	.hexagon-process {
		margin: 55px auto 80px;
		transform: scale(.62);
	}
	}
	
	@media (min-width: 992px) {
	.hexagon-process {
		margin: 100px auto 120px;
		transform: scale(.8);
	}
	}
	@media (min-width: 1200px) {
	.hexagon-process {
		margin: 118px auto 135px;
		transform: scale(.9);
	}
	}
	
	.hexagon-process .two-line {
		margin-top: 6px;
	}
	
	.hexagon-process .two-line .first-line {
		padding-top: 0;
	}
	
	.hexagon-process .two-line .second-line {
		margin-top: 17px;
	}
	
	.container-hexagon-half-width .flex-container {
	  /* We first create a flex layout context */
	  display: flex;
	  /* Then we define the flow direction 
		 and if we allow the items to wrap 
	   * Remember this is the same as:
	   * flex-direction: row;
	   * flex-wrap: wrap;
	   */
	  flex-flow: row;
	  /* Then we define how is distributed the remaining space */
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  min-height:152px;
	}
	.container-hexagon-half-width {
	  width:106px;
	  height:290px;
	  margin:0 auto;
	}
	.container-hexagon-half-width .space-evenly {
	 justify-content: space-evenly;
	 margin: 0 -55px; 
	}
	.container-hexagon-half-width .space-between {
	  justify-content: space-between;
	  margin: -104px -77px;
	}

	.container-hexagon-half-width .flex-item {
	  width: 100px;
	  height: 100px;
	  margin: 0;
	}
	
	.hexagon-half-width {
		margin-bottom: 30px;
		order: 0;
	}
	
	@media (min-width: 768px) {
	.hexagon-half-width {
		margin-bottom: 20px;
	}
	}
	
	@media (min-width: 768px) {
	.hexagon-half-width.stagger {
		order: 13;
	}
	}
	

	
	.approach-item .container-hexagon-half-width li {
		background-color:#999;
		background-size: 100px;
	}

	.approach-item .container-hexagon-half-width li.approach-item-active {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item .container-hexagon-half-width li.approach-item-active {
		background-color:#3d4268;
	}
	}
	.approach-item:hover .container-hexagon-half-width li.approach-item-active {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover .container-hexagon-half-width li.approach-item-active {
		background-color:#de5b42;
	}
	}
	
	
	
	
	
	.our-work:hover .text  {
		opacity: 1;
		transition:2.5s;	
		transition-delay: 1s;
		background-color: none;
	}

	.our-work:hover .grey-dark-blue {
		background-color: #36384a;
		transition:1s;	
		transition-delay: .5s;
	}
	.our-work:hover .light-blue {
	  background-color: #3d4268;
	  transition:1s;	
	  transition-delay: .5s;
	}
	.our-work:hover .grey-light-blue {
	  background-color: #3d4268;
	  transition:1.5s;	
	  transition-delay: .5s;
	}
	.our-work:hover .dark-green {
	  background-color: #39481e;
	  transition:1.5s;
	  transition-delay: .5s;	
	}
	.our-work:hover .light-green {
	  background-color: #9dac39;
	  transition:1.5s;
	  transition-delay: .5s;	
	}
	.our-work:hover .orange-light-green {
	  background-color: #9dac39;
	  transition-delay: .5s;
	  transition:1.5s;	
	}
	.our-work:hover .light-grey .text-sm {
	  transition:2s;
	  transition-delay: 3s;
	  opacity: 1;
	}
		
	.our-work:hover .dark-blue {
	  background-color: #36384a;
	  transition: 1s;
	  transition-delay: .5s;	
	}
	.our-work:hover::after .dark-blue {
	  background-color: #36384a;
	  transition: 0s;
	  transition-delay: .5s;	
	}
		
	.hexagon-services .flex-container .hexagon-link:hover {
	  background-color: #de5b41;
	  transition: 0s;	
	  transition-delay: 0s;		  
	}
	.container-hexagon-fade a {
		display: flex;
	}
	.container-hexagon-fade a, .container-hexagon-fade a:hover, .container-hexagon-fade a:visited {
		color:#fff;
		text-decoration: none;
	}	

	.hexagon-services .container-hexagon-fade .hexagon-link .two-line {
		display: inline-block;
		margin-top: 83px;
	}
		
	.hexagon-services .container-hexagon-fade .text-sm .two-line {
		margin-top: -3px;
	}

	.process:hover .dark-blue {
		background-color: #36384a;
		transition:.1s;	

	}

	.process:hover .grey-dark-blue {
		background-color: #36384a;
		transition:.1s;	
	}
	.process:hover .light-blue {
	  background-color: #3d4268;
	  transition:.1s;	
	}
	.process:hover .grey-light-blue {
	  background-color: #3d4268;
	  transition:.1s;	
	}
	.process:hover.dark-green {
	  background-color: #39481e;
	  transition:.1s;
	  display: flex;	
	}
	.process:hover .light-green {
	  background-color: #9dac39;
	  transition:.1s;	
	}
	.process:hover .orange-light-green {
	  background-color: #9dac39;
	  transition:.1s;	
	}
	
	.process:hover .text1 {	
		opacity: 1;
		transition:.5s;
		transition-delay: .5s;	
		background-color: none;
	}
	.process:hover .text2 {	
		opacity: 1;
		transition:.5s;
		transition-delay: .75s;
		background-color: none;
	}
	.process:hover .text3 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1s;	
		background-color: none;
	}
	.process:hover .text4 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1.25s;	
		background-color: none;
	}
	.process:hover .text5 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1.5s;
		background-color: none;
	}
	.process:hover .text6 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 1.75s;
		background-color: none;
	}
	.process:hover .text7 {	
		opacity: 1;
		transition:.5s;
		transition-delay: 2s;
		background-color: none;
	}
	.our-work:hover .photo {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition:.5s;
		opacity: 1;
		background-color: none;
	}

	.core-services-section {
		margin: 0 auto;
	}
	@media (min-width: 768px) {
	.core-services-section {
		margin: 100px auto;
	}
	}
	
	.core-services {
		margin: 60px auto;
		text-align: center;
	}
	@media (min-width: 768px) {
	.core-services {
		margin: 100px auto -20px;
		text-align: left;
	}
	}
	@media (min-width: 992px) {
	.core-services {
		margin: 100px auto 0;
	}
	}
	
	.core-services-title {
		margin-bottom: 30px;
	}
	@media (min-width: 992px) {
	.core-services-title {
		margin-bottom: 20px;
	}
	}
	
	.core-services img {
		margin-bottom: 20px;
	}
	
	.core-services h2 {
		font-size: 32px;
	}
	.core-services h4 {
		font-size: 17px;
		font-weight:600; 
		text-transform:uppercase;
		font-family: 'Open Sans';
	}
	@media (min-width: 768px) {
	.core-services h4 {
		font-size: 16px;
	}
	}
	@media (max-width: 767px) {
	.core-services-list ul  {
	  list-style-type: none;
	  padding: 0;
	}
	}
	.core-services-list li {
		margin-left: 0;
		font-size: 15px;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	@media (min-width: 768px) {
	.core-services-list li {
		margin-left: -25px;
		font-size: 14px;
	}
	}
	.core-services .stagger {
		order: 0;
	}
	@media (min-width: 992px) {
	.core-services .stagger {
		order: 13;
	}
	}
	
	.core-services-section .core-services-listing .core-services-left {
		order: 0;
	}
	@media (min-width: 992px) {
	.core-services-section .core-services-listing:nth-child(even) .core-services-left  {
		order: 13;
	}
	}

	
	
	
	.core-services .and-more {
		text-align:center;
		font-size: 14px;
		margin-top: -12px;
		margin-left: 0px;
	}
	
	.core-services .related p {
		font-size: 14px;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	
	
	.approach .space-evenly {
	 justify-content: space-evenly;
	 margin: 0; 
	}
	@media (min-width: 768px) {
	.approach .space-evenly {
	 justify-content: space-evenly;
	 margin: 0 -40px; 
	}
	}	
	
	.approach {
		margin-bottom:0;
		margin-top:0;
	}
	@media (min-width: 768px) {
	.approach {
		margin-top:100px;
	}
	}
	
	.approach-listing p {
	 margin-bottom:20px;
	
	}
	
	.approach-extras {
	margin-top:-15px;
	}
	
	.approach-item {
		margin-bottom: 0;
	}
	
	.approach-section .approach-item .hexagon-half-width {
		order: 0;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(1) .hexagon-half-width {
		order: 13;
	}
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(5) .hexagon-half-width {
		order: 13;
	}
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(9) .hexagon-half-width {
		order: 13;
	}
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(13) .hexagon-half-width {
		order: 13;
	}
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(17) .hexagon-half-width {
		order: 13;
	}
	}
	
	
	.approach-item:nth-child(1) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(1) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(1) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(1) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(3) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(3) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(3) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(3) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(5) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(5) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(5) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(5) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(7) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(7) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(7) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(7) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(9) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(9) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(9) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(9) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(11) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(11) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(11) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(11) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(13) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(13) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(13) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(13) .flex-container:nth-child(2) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(15) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(15) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(15) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(15) .flex-container:nth-child(1) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(17) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(17) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(17) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(17) .flex-container:nth-child(2) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(19) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(19) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(19) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(19) .flex-container:nth-child(4) li.flex-item:nth-child(2) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(21) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(21) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(21) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(21) .flex-container:nth-child(5) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-item:nth-child(23) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	@media (min-width: 768px) {
	.approach-item:nth-child(23) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	}
	.approach-item:hover:nth-child(23) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#3d4268;
	}
	@media (min-width: 768px) {
	.approach-item:hover:nth-child(23) .flex-container:nth-child(4) li.flex-item:nth-child(1) {
		background-color:#de5b42;
	}
	}
	
	.approach-quote {
		margin-top:0;
		margin-bottom: 60px;
	}
	@media (min-width: 768px) {
	.approach-quote {
		margin-bottom: 80px;
	}
	}
	.approach-quote .quote .p-quote {
	font-size:18px;
	line-height: 1.4em;
	font-weight:400;
	margin-top:20px;
	font-family: 'Libre Baskerville';
	}
	
	.approach h3 {
		text-align: center;
	}
	@media (min-width: 768px) {
	.approach h3 {
		text-align: left;
	}
	}
	
	.approach h4 {
		font-size: 17px;
		font-weight:600; 
		text-transform:uppercase;
		font-family: 'Open Sans';
	}
	@media (min-width: 768px) {
	.approach h4 {
		font-size: 16px;
	}
	}
	
	.approach ul {
		padding-left: 15px;
	}
	.approach .related, .approach .upcoming {
		margin-top: 25px;
		text-align: center;
	}
	@media (min-width: 768px) {
	.approach .related, .approach .upcoming {
		text-align: left;
	}
	}
	
	.approach .related p, .approach .upcoming p {
		font-size: 14px;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	
	.mobile-process-hexagon {
		margin: 0 auto 60px;	
	}
	
	.process-text {
		margin-top:0px;
		margin-bottom:60px;
		text-align: center;
	}
	@media (min-width: 768px) {
	.process-text {
		margin-bottom:80px;
	}
	}
	

/* Our Impact
-------------------------------------------------- */

	.featured {
		text-align: center;
		padding: 20px 10% 40px;
	}
	@media (min-width:768px) {
	.featured {
		padding: 40px 10% 30px;
	}
	}
	
	.featured-text {
		margin: 30px auto 20px;
	}
	
	.featured-text p {
		font-size:18px;
		line-height: 1.4em;
	}

	.featured h5 {
		font-family: 'Open Sans';
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		margin: 0 auto 20px;
	}
	
	.featured h3 {
		margin-top:20px;
	}
	.featured p {
		font-size:18px;
		line-height: 1.4em;
	}
	.featured .link {
		font-size: inherit;
		line-height: inherit;
		margin-top: 20px;
	}
	
	.project-stories {
		background-color: #efefef; 
		margin:40px 0 0; 
		text-align:center;
	}
	
	.project-stories-title {
		margin:60px 0 20px;
	}
	@media (min-width:768px) {
	.project-stories-title {
		margin:50px 0 30px;
	}
	}
	
	.project-stories-title h2 {
		font-weight:400;
	}
	.project-stories-title p {
		font-size:18px;
		line-height: 1.4em;
	}
	
	.project-stories-connect {
		margin: 0 auto 40px;
	}
	@media (min-width:768px) {
	.project-stories-connect {
		margin: 0 auto 50px;
	}
	}
	
	.project-stories-connect p {
		font-size:18px;
		line-height: 1.4em;
	}
	
	.accordion {
		margin:0 15px 40px;
		padding: 0;
	}

	.accordion-image {   
    	margin: 20px 0;
    	padding-left: 0px;
    	max-height: 244px;
    	overflow: hidden;
    }
 	@media (min-width: 768px) {
 	.accordion-image {   
		float: left;
    	margin: 5px 0 5px -15px;
    }
    }
     
     @media (min-width: 768px) {
    .accordion .card-header .text-left {
    	float: right;
    	padding-left: 10px;
    }
	}
	
	.accordion .card-toggle {
		margin: 0 0 15px;
		text-transform:uppercase;
		font-size:14px;
		text-align: center;
	}
	@media (min-width: 768px) {
	.accordion .card-toggle {
		margin: -5px 0 0;
		text-align: left;
	}
	}
	
	.accordion .card-body {
		padding: 30px 20px;
	}
	@media (min-width: 768px) {
	.accordion .card-body {
		padding: 40px;
	}
	}
	.accordion .card-body .container {
		margin:0; 
		text-align:left;
	}

	.accordion .card-body .container  row {
		background-color:#fff;
	}
	
	.accordion .card-body .card-heading {
		font-family: 'Open Sans';
		font-size: 17px;
		font-weight: bolder;
		text-transform: uppercase;
		color: #444;
		margin-bottom: 15px;
	}
	
	.accordion .quote-heading {
		font-family: 'Open Sans';
		font-size: 17px;
		font-weight: bolder;
		text-transform: uppercase;		
		text-align: center;
		color: #444;
		margin: 10px auto 25px;
	}
	
	.accordion .card-body .approach-impact p {
		margin-bottom:20px;
	}

	.accordion .quotes {
		font-family: 'Libre Baskerville';
		font-style: italic;
	}

	.accordion a {
		text-align: left;
		color: #444;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.accordion a:hover {
		text-decoration: none;
		color: #5862c0;
	}
	
	.accordion .card {
		margin-bottom: 15px;
		background-color: #fff;
	}
	
	.case-study .card {
		margin-bottom: 30px;
		border: none;
	}
	.case-study .card-title {
		min-height: 50px;
	}
	
	.accordion .client {			
		font-family: 'Open Sans';
		font-weight: 500;
		font-size: 17px;
		text-transform: uppercase;
		margin-bottom: 5px;
		margin-top: 15px;
	}
	@media (min-width:768px) {
	.accordion .client {
		margin-top: 0;
	}
	}

	.accordion .card-title {
		margin-top: 0px;
		font-size: 22px;
	}

	
	.case-study .card-text {
		text-align: left;
	}
	.case-study .btn {
		width: 100%;
	}
	
	.logo-group {
		margin: 0 0 70px;
	}
	@media (min-width:768px) {
	.logo-group {
		margin: -20px 0 60px;
	}
	}
	
	.logos {
		margin: 40px auto;
		padding: 0 20px;
		text-align: center;
	}
	.logos img {
		max-height:160px;
	}

/* Who We Are
-------------------------------------------------- */
	
	
	.cdp-banner-about .cdp-banner-item {
		text-align:center;
		margin-bottom:20px;
	}
	@media (min-width: 768px) {
	.cdp-banner-about .cdp-banner-item {
		margin-bottom:40px;
	}
	}
	
	.cdp-banner-about {
		margin:-20px auto 40px; 
		text-align:center;
	}
	@media (min-width: 768px) {
	.cdp-banner-about {
		margin:0 auto 40px; 
	}
	}
	.cdp-banner-about .cdp-item p {
		color: #444;
	}

	.container-hexagon-fade {
	  width:1000px;
	  height:600px;
	  margin:0 auto;
	}
	
	.hexagon-values-mobile {
		max-width: 90%;
		padding: 0 5px;
		margin-bottom: -20px;
	}
	
	.hexagon-values-mobile-main {
		display: block;
	}
	.hexagon-values-mobile-hover {
		display: none;
	}
	.hexagon-values-mobile:hover .hexagon-values-mobile-main {
		display: none;
	}
	.hexagon-values-mobile:hover .hexagon-values-mobile-hover {
		display: block;	
	}
	.hexagon-values-mobile img {
		margin: 0 auto 40px;
	}
	
	@media (min-width: 768px) {
	.hexagon-values {
		margin: -120px -115px -90px;
		transform: scale(.62);
	}
	}
	@media (min-width: 992px) {
	.hexagon-values {
		margin: -28px auto -41px;
		transform: scale(.8);
	}
	}
	@media (min-width: 1200px) {
	.hexagon-values {
		margin: -20px auto 26px;
		transform: scale(.9);
	}
	}
	
	.hexagon-values .two-line .second-line {
		margin-top: 15px;
	}
	
	.container-hexagon-fade a {
		display: flex;
	}

	.container-hexagon-fade a, .container-hexagon-fade a:hover, .container-hexagon-fade a:visited {
		color:#fff;
		text-decoration: none;
	}

	.hexagon-values .container-hexagon-fade .two-line {
		display: inline-block;
		margin-top: 84px;
	}
	
	.values-section {
		margin-top:40px;
		margin-bottom: 40px;
	}
	@media (min-width:768px) {
	.values-section {
		margin-bottom: 60px;
	}
	}
	
	.values-row {
		margin-top:0px;
	}
	.values-item {
		text-align:center;
		margin-bottom:40px;
		min-height: 10px;
	}
	@media (min-width:768px) {
	.values-item {
		min-height: 200px;
	}
	}
	
	.values-item h3 {
		font-size: 24px;
	}
	.values-item p {
		max-width:480px;
		margin: 0 auto;
	}
	
	.values:hover .flex-container .text {
		opacity: 1;
		transition:2.5s;	
		transition-delay: 1s;
		background-color: none;
	}

	.values:hover .dark-blue {
		background-color: #36384a;
		transition:.05s;	
	}

	.values:hover .light-blue {
	  background-color: #3d4268;
	  transition: 1s;
	  transition-delay: .5s;	
	}
	.values:hover::after .light-blue {
	  background-color: #3e4268;
	  transition: 0s;
	  transition-delay: .5s;	
	}
	
	.hexagon-values .flex-container .hexagon-link:hover {
	  background-color: #de5b41;
	  transition: 0s;	
	  transition-delay: 0s;		  
	}
				
	.values:hover .dark-green {
	  background-color: #39481e;
	  transition:1.5s;
	  transition-delay: .5s;	
	}
	.values:hover .light-green {
	  background-color: #9dac39;
	  transition:1.5s;	
	  transition-delay: .5s;	
	}

	.values:hover .photo {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition:1s;
		opacity: 1;
		background-color: none;
	}
	
	.team {
		margin-bottom:0;
		margin-top:0;
	}
	@media (min-width:768px) {
	.team {
		margin-top:100px;
	}
	}
	
	.team-member {
		margin-bottom:40px;
	}
	@media (min-width:768px) {
	.team-member {
		margin-bottom:60px;
	}
	}
	
	.team-member p {
		margin-bottom:20px;
	}
	
	.bio-img {
		margin-bottom: 15px;
		order: 0;
	}

	@media (min-width: 768px) {
	.bio-img {
		margin-bottom: 0;
	}
	}

	@media (min-width: 768px) {
	.bio-img.stagger {
		order: 13;
	}
	}
	
	@media (min-width: 768px) {
	.team-member:nth-child(even) .bio-img {
		order: 13;
	}
	}
	
	.collaborators {
		margin-bottom: 40px;
	}
	.collaborators-title {
		text-align: center;
		margin-bottom: 0;
	}
	.collaborators-title h3 {
		color:#444;
	}
	.collaborators-title p {
		margin:0 auto;
	}
	.collaborators-section {
		margin-bottom:60px;
		margin-top:20px;
	}
	
	.collaborators-section .rollover-card:nth-child(1) .rollover-main {
		background-color: #3e4268;
	}
	.collaborators-section .rollover-card:nth-child(2) .rollover-main {
		background-color: #36374b;
	}
	.collaborators-section .rollover-card:nth-child(3) .rollover-main {
		background-color: #9dac3a;
	}
	.collaborators-section .rollover-card:nth-child(4) .rollover-main {
		background-color: #36374b;
	}
	.collaborators-section .rollover-card:nth-child(5) .rollover-main {
		background-color: #3a481e;
	}
	.collaborators-section .rollover-card:nth-child(6) .rollover-main {
		background-color: #3e4268;
	}
	.collaborators-section .rollover-card:nth-child(7) .rollover-main {
		background-color: #36374b;
	}
	.collaborators-section .rollover-card:nth-child(8) .rollover-main {
		background-color: #9dac3a;
	}
	.collaborators-section .rollover-card:nth-child(9) .rollover-main {
		background-color: #36374b;
	}
	.collaborators-section .rollover-card:nth-child(10) .rollover-main {
		background-color: #3a481e;
	}
	.collaborators-section .rollover-card:nth-child(11) .rollover-main {
		background-color: #3e4268;
	}
	.collaborators-section .rollover-card:nth-child(12) .rollover-main {
		background-color: #36374b;
	}
	.collaborators-section .rollover-card:nth-child(13) .rollover-main {
		background-color: #9dac3a;
	}
	.collaborators-section .rollover-card:nth-child(14) .rollover-main {
		background-color: #36374b;
	}
	.collaborators-section .rollover-card:nth-child(15) .rollover-main {
		background-color: #3a481e;
	}
	
	.collaborators-section .rollover-card:hover .rollover-main {
	  background-color: #de5b41;
	}
	
	.rollover-card .dark-blue {
		background-color: #36374b;
	}
	.rollover-card .light-blue {
		background-color: #3e4268;
	}
	.rollover-card .dark-green {
		background-color: #3a481e;
	}
	.rollover-card .light-green {
		background-color: #9dac3a;
	}
	
	.interns {
		margin-bottom: 30px;
	}
	@media (min-width: 768px) {
	.interns {
		margin-bottom: 40px;
	}
	}
	
	.interns-title {
		text-align:center;
		margin-bottom:0;
	}
	.interns-title h3 {
		color:#444;
	}
	.interns-title h3 {
		margin:0 auto;
	}
	.interns-section {
		margin-bottom:60px;
		margin-top:20px;
	}
	
	
	.interns-section .rollover-card:nth-child(1) .rollover-main {
		background-color: #36374b;
	}
	.interns-section .rollover-card:nth-child(2) .rollover-main {
		background-color: #9dac3a;
	}
	.interns-section .rollover-card:nth-child(3) .rollover-main {
		background-color: #3e4268;
	}
	.interns-section .rollover-card:nth-child(4) .rollover-main {
		background-color: #3a481e;
	}
	.interns-section .rollover-card:nth-child(5) .rollover-main {
		background-color: #3e4268;
	}
	.interns-section .rollover-card:nth-child(6) .rollover-main {
		background-color: #36374b;
	}
	.interns-section .rollover-card:nth-child(7) .rollover-main {
		background-color: #9dac3a;
	}
	.interns-section .rollover-card:nth-child(8) .rollover-main {
		background-color: #3e4268;
	}
	.interns-section .rollover-card:nth-child(9) .rollover-main {
		background-color: #3a481e;
	}
	.interns-section .rollover-card:nth-child(10) .rollover-main {
		background-color: #3e4268;
	}
	
	.interns-section .rollover-card:hover .rollover-main {
	  background-color: #de5b41;
	}
	
	.rollover-card {
		margin-bottom:30px;
	}
	
	.rollover-card:hover .rollover-hover {
		display: flex;	
		min-width: 100%;
		-webkit-transition: all 2s ease;
		-moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		-o-transition: all 2s ease;
		transition: all 2s ease;
		align-items: center;
	}
	
	.rollover-card:hover .rollover-hover {
		background-color: #fff;
		border: 1px solid #444;
		height: 100%;
	}
	
	.interns-section .rollover-card:hover .rollover-hover {
		border: none;
	}

	.rollover-card:hover .rollover-main {
    	background-color: #de5b41;
    	
	}

	.rollover-card .dark-blue {
		background-color: #36374b;
	}
	.rollover-card .light-blue {
		background-color: #3e4268;
	}
	.rollover-card .dark-green {
		background-color: #3a481e;
	}
	.rollover-card .light-green {
		background-color: #9dac3a;
	}
	.rollover-card .rollover-hover {
		display:none;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		transition-delay: 5s;
	}

	.rollover-card .rollover-main {
		display: flex;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 1250ms ease;
		transition: all 250ms ease;
		overflow: hidden;
		max-height: 100%;
	}

	.rollover-main {
		height: 93vw;
	}
	@media (min-width: 768px) {
	.rollover-main {
		height: 330px;
	}
	}

	@media (min-width: 992px) {
	.rollover-main {
		height: 290px;
	}
	}
	@media (min-width: 1200px) {
	.rollover-main {
		height: 350px;
	}
	}

	.rollover-text {
		padding: 40px;
		color: #fff;
	}
	@media (min-width: 768px) {
	.rollover-text {
		padding: 30px;
	}
	}
	@media (min-width: 1200px) {
	.rollover-text {
		padding: 40px;
	}
	}
	
	.rollover-text  p {
		font-size: 17px;
		color: #fff;
	}
	@media (min-width: 768px) {
	.rollover-text  p {
		font-size: 16px;
	}
	}
	@media (min-width: 992px) {
	.rollover-text  p {
		font-size: 15px;
	}
	}
	@media (min-width: 1200px) {
	.rollover-text  p {
		font-size: 16px;
	}
	}

/* Resources
-------------------------------------------------- */

	.publications {
		margin:0 auto 80px;
	}
	@media (min-width:768px) {
	.publications {
		margin:0 auto 120px;
	}
	}
	
	.publications p, .events p, .tools p {
		font-size: 15px;
	}
	
	.site .publications-image {
		border-right: none;
		padding: 0 15px;
	}
	@media (min-width:768px) {
	.site .publications-image {
		border-right: 1px solid #ccc;
		padding: 0 0 0 15px;
	}
	}
	
	.card-button {
		padding: 15px 0 30px;
		text-align: center;
	}
	@media (min-width:768px) {
	.card-button {
		padding: 15px;
		text-align: center;
	}
	}
	
	.event-section {
		background-color: #efefef;
		margin: -80px 0 60px;
		padding: 60px 0 40px;
	}
	@media (min-width: 768px) {
	.event-section {
		margin: -80px 0 0;
		padding: 60px 0;
	}
	}
	
	.events h2 {
		font-size: 26px;
		margin-bottom: 4px;
	}
	.events h4 {
		font-size: 21px;
		margin-bottom: 4px;
	}
	.events h5 {
		font-size: 18px;
	}
	.upcoming-events {
		margin: 0 auto 20px;
		text-align:center;
	}
	@media (min-width: 768px) {
	.upcoming-events {
		margin: 20px auto 40px;
	}
	}
	
	.no-upcoming-events p {
		text-align: center;
		font-size: 17px;
	}
	
	.past-events {
		margin: 60px auto 40px;
		text-align:center;
	}
	
	.events {
		margin-top: 60px;
	}
	@media (min-width: 768px) {
	.events {
		margin-top: 40px;
	}
	}
	.event-row {
		margin:0 auto 40px; 
		text-align:center;
	}
	
	.events .event-row .event-image {
		margin-bottom: 15px;
		order: 0;
	}
	
	@media (min-width: 768px) {
	.event-image {
		margin-bottom: 30px;
	}
	}
	
	@media (min-width: 768px) {
	.event-image.stagger {
		order: 13;
	}
	}	
	
	@media (min-width: 768px) {
	.events .event-row:nth-child(even) .event-image {
		order: 13;
	}
	}		

	.event-body {
		text-align: left;
	}
	
	.event-body li {
		margin-left: -25px;
		font-size: 15px;
	}
	
	.other-past-events {
		margin: 20px auto 40px;
		text-align:center;
	}
	
	.other-past-events p {
		margin-bottom: 0;
	}
	
	.reach-out {
		margin-top: 15px;
	}

	.card {
		border-color: #ccc;
		margin-bottom: 30px;
		background-color: #f8f8f8;
	}

	.card-body {
		padding: 30px 30px 15px;
	}
	@media (min-width: 768px) {
	.card-body {
		padding: 15px;
	}
	}
	
	.tools {
		margin: 0 auto 80px;
	}
	@media (min-width: 768px) {
	.tools {
		margin: 0 auto 120px;
	}
	}


/* vertical approach	
.tools .card {
	border-color: #ccc;
	margin-bottom: 30px;
}

.tools .card-body {		
	border-top: 1px solid;
	border-color: #ccc;
	min-height: 260px;
}
   */


/* Bootstrap Overrides */

	.cdp-nav .navbar-toggler {
		padding: 0.25rem 0.75rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 0.25rem;
		color: rgba(0,0,0,.5);
		border-color: rgba(0,0,0,.1);
		margin-right: 30px;
	}

	.cdp-nav .navbar-toggler-icon {
		display: inline-block;
		width: 1.5em;
		height:1.5em;
		vertical-align: middle;
		content: "";
		background: 50%/100% 100% no-repeat;
	}

	.cdp-nav .navbar-toggler-icon {
		background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
	}

	@media (max-width:991px) {
	.cdp-nav .navbar {
		margin: -15px 0 0;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
	}
	}

	@media (max-width:991px) {
	.cdp-nav .navbar-collapse {
		margin: 0;
	}
	}

	@media (max-width:991px) {
	.cdp-nav .navbar-nav {
		padding: 15px;
	}
	}
	
	@media (min-width: 992px) {
	.cdp-nav .navbar-expand-lg {
		padding-right: 30px;
	}
	}
	
	@media (max-width:991px) {
	.cdp-nav .dropdown {
		border: 1px solid #ccc;
		padding: 15px;
		margin-bottom: 15px;
	}
	}
	@media (min-width:992px) {
	.cdp-nav .dropdown {
		width: 150px;
    	text-align: right;
	}
	}

	@media (max-width:991px) {
	.cdp-nav .dropdown-menu {
		border: transparent;
		margin: 0px 0 -15px;
	}
	}

	@media (max-width:991px) {
	.cdp-nav .dropdown-item {
		padding: 20px;
		text-align: center;
		background-color: #ddd;
		color: #555;
		border: 1px solid rgba(0,0,0,.25);
		margin: 10px auto;
		background-color: #404368;
		color: #fff;
	}
	}

	@media (min-width:992px) {
	.cdp-nav .navbar-nav .dropdown-menu {
		padding: 5px 15px;
		margin-top: 26px;
		background-color: #f5f5f5;
	}
	}

	@media (min-width:992px) {
	.cdp-nav .navbar-nav .dropdown-item {
		padding: 10px 1.5rem;
		margin: 10px auto;
		border: 1px solid #d7d7d7;
		background-color: #fff;
		color: #555;
		min-width: 200px;
		text-align: center;
	}
	}

	.cdp-nav .dropdown-item:hover {
		color: #fff;
		background-color: #9dac39;
	}
	
	@media (min-width:992px) {
	.cdp-nav .dropdown-item:hover {
		color: #fff;
		background-color: #404368;
	}
	}
	
	.cdp-nav .dropdown-item:active {
		color: #fff;
		background-color: #ee6147;
	}
    
	.error-message {
		margin-bottom:160px;
	}