/* #Base 1200 Grid
================================================== */

.container	{position: relative; width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.site-header .container {max-width:1220px;}

.column,
.columns	{ width: 100%; float: left; box-sizing: border-box; }

@media (min-width: 400px) {
	.container { width: 85%; padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 750px) {
	.container				{ width: 80%; }

	.container .one-fourth	{width:23.5%;}
	.container .one-third	{width:32%;}
	.container .two-thirds	{width:66%;}
	.container .one-half	{width:49%;}
	.container .column		{float:left;margin-right:2%;}
	.container .column.last	{float:right;margin-right:0;}
}

/* #Media Queries
================================================== */

/* Larger than tablet */
@media (max-width: 750px) {
	.home-intro .button {margin:10px auto 0;display:block;max-width:250px;}
}

@media (min-width: 750px) {
	.brand-logo-grid {grid-template-columns: repeat(auto-fill,25%);}
	.team-grid { grid-template-columns: repeat(3, 1fr); }

	.team-item-large {display:flex;justify-content:space-between;}
	.team-item-large .team-member-pic {width:15%;}
	.team-item-large .team-member-info {width:80%;}
	.team-member-name {font-size:1.8rem;line-height:20px;}

	.news-archive-grid,
	.investor-reports-grid {display: grid;grid-template-columns: repeat(auto-fill,48%);justify-content: space-between;}
	.investor-report-item {max-width:none;margin:0 0 50px 0;}

	.product-suite-nav {grid-template-columns: repeat(auto-fill,32%);}
	.product-suite-nav.col-4 {grid-template-columns: repeat(auto-fill,24%) !important;}

	.cohort-block span {font-size:11px;line-height:12px;}

	.footer-nav ul {column-count:2;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	.mainNav-wrap {display:block;}
	.mobile-nav-trigger-outter,
	.mobile-nav { display: none }

	.home-graphic {max-width:75%;margin:0 auto;}

	.home-publisher-cols,
	.cohorts-cols,
	.investor-contact-wrap,
	.investors-dnm-cols,
	.experience-block,
	.home-map-cols,
	.about-trusted-cols,
	.home-map-cols,
	.about-trusted-cols,
	.adv-audience-cols,
	.about-stat-cols,
	.contact-location-cols,
	.mydianomi-intro-cols,
	.mydianomi-targeting-cols {display:flex;justify-content:space-between;}

	.investors-dnm-cols,
	.investor-foundation-cols,
	.experience-block,
	.home-map-cols,
	.about-trusted-cols,
	.adv-audience-cols,
	.home-map-cols,
	.about-trusted-cols,
	.mydianomi-intro-cols,
	.mydianomi-targeting-cols {align-items:center;}

	.home-publisher-cols > div {width:50%;padding:70px 80px;box-sizing: border-box;}

	.home-publishers-wrap,
	.cohorts-bottom {padding:0;margin:0;border:none;}
	.home-publishers-wrap:before {display:none;}
	.home-publishers,
	.cohorts-bottom-inner {padding-top:140px;position:relative;}
	.home-publishers:before,
	.cohorts-bottom-inner:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);margin-left:0.5px;height:140px;border-left:1px solid #000;transition:all 1s;}
	.home-publishers:after,
	.cohorts-bottom-inner:after {content:"";position:absolute;top:140px;right:50%;height:0;width:100%;border-top:1px solid #000;transition:all 1s;}


	.investors-dnm-cols > div,
	.investor-contact-info,
	.investor-contact-map {width:50%;}
	.investor-contact-info {padding-right:100px;box-sizing:border-box;}

	.cohort-block {height:175px;}

	.cohorts-left,
	.cohorts-right {width:50%;box-sizing: border-box;position:relative;}
	.cohorts-left {padding:150px 220px 70px 0;}

	.experience-block p {text-align:left;margin:0;max-width:none;}
	.experience-block p:first-of-type {width:80px;}
	.experience-block p:last-of-type {width:calc(100% - 90px);padding-right:10px;box-sizing:border-box;}

	.home-publisher-logos  {padding:0;border:1px solid #000;box-sizing:border-box;}

	.cohorts-right-inner {position:absolute;top:0;left:0;width:100%;height:80%;border:1px solid #000;box-sizing:border-box;}
	.cohorts-right img {display:block;position:relative;transform:translateX(-20%);width:120%;max-width:none;}

	.brand-logo-grid {grid-template-columns: repeat(auto-fill,16.6666%);}


	.home-map-content {width:25%;}
	.home-map-map {width:55%;}

	.about-trusted-content{width:25%;}
	.about-trusted-carousel {width:70%;}

	.adv-audience-content {width:28%;}
	.adv-audience-pic {width:55%;}

	.about-stat-block {width:30%;margin-bottom:0;}
	.about-stat-content {font-size:1.8rem;line-height:25px;}

	.investor-foundation-cols {display:flex;overflow:hidden;}
	.investor-foundation-content {flex-shrink:0;width:550px;margin:0;margin-left:max(10vw, calc((100vw - 1160px) / 2));padding-right:100px;box-sizing:border-box;}
	.investor-foundation-carousel {flex:1;min-width:0;}

	.team-grid { grid-template-columns: repeat(4, 1fr); }
	.team-grid { grid-template-columns: repeat(5, 1fr); }

	.contact-location-block {width:30%;margin-bottom:0;}
	.contact-location-content,
	.contact-location-block .location-address,
	.contact-location-block .location-phone {font-size:1.8rem;line-height:25px;}

	.news-archive-grid,
	.investor-reports-grid {grid-template-columns: repeat(auto-fill,31%);}

	.product-suite-nav {grid-template-columns: repeat(auto-fill,19%);}

	.mydianomi-intro-cols {padding-top:60px;}
	.mydianomi-intro-content,
	.mydianomi-intro-right {width:45%;}
	.mydianomi-intro-right {margin:0;height:auto;}
	.mydianomi-intro-right:before {content:"";position:absolute;bottom:100%;right:-1px;height:200%;border-right:1px solid #000;}

	.mydianomi-targeting-graph {width:35%;max-width:none;margin-right:-60px;z-index:3;flex-shrink:0;}
	.mydianomi-targeting-content {width:70%;margin:0;max-width:none;}
	.mydianomi-targeting-content > div {padding:60px 20px 60px 90px;}

	.mydianomi-goals-row .one-third:first-of-type {margin-left:16%;}

	.footer-logo {width:240px;float:left;}
	.footer-social {width:210px;float:right;}
	.footer-nav {width:calc(100% - 450px);float:left;margin:0;padding:0 20px;box-sizing: border-box;}

	.footer-nav p,
	.footer-social p {margin-bottom:40px;}

	.footer-nav ul {column-count:3;}
	.footer-nav ul li {break-inside: avoid;}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.logo {width:170px;}

	.mainNav li {padding:12px 10px 40px;}
	.mainNav li a {letter-spacing: 1px;}

	.home-publisher-content {padding-left:170px !important;}

}
