/* =============================================================================
Media queries:< 1280
========================================================================== */

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

	h4.graphic-key {
		font-size: 18px;
	}

	.callout-mine {
		width: 22px;
		height: 22px;
		line-height: 22px;
}

p.graphic-key {
	padding-left: 36px;
}


}


/* =============================================================================
Media queries:< 1320
========================================================================== */

@media only screen and (max-width:1320px) {
	.home .banner h1 {
	    font-size: 62px;

	}

	.home .banner h2 {
    font-size: 35px;


	}


	.subhead.animated .subhead-text {
	    font-size: 26px;

	}

}

/* =============================================================================
Media queries:< 1080
========================================================================== */

@media only screen and (max-width:1140px) {
	.col.graphic-key {
		width: 100%;
		margin-top: 50px;
	}
	.image-align-center{
		margin-right: 15%;
	}
	.col.teal-background {
		width: 100%;
	}
}

/* =============================================================================
Media queries:< 760
========================================================================== */

@media only screen and (max-width:760px) {
	/* landing image
	---------------------------------- */

	.landing-img {
		float: none;
		width: 100%;
		height: 280px;
	}

	/* helper classes
	---------------------------------- */
	.hide-small {
		display: none !important;
	}
	.hide-large {
		display: block;
	}

	/* navs
	---------------------------------- */
	.nav-main {
		float: none;
		text-align: left;
	}
	.nav-desktop .nav-main ul:first-child {
		display: none;
	}
	.nav-main li {
		float: none;
		display: block;
	}
	.page-head.stuck {
		position: relative !important
	}
	.landing-img.text-low .richtext {
		top: auto;
		bottom: 45px;
	}

	/* Responsive tables
	---------------------------------- */

	.table-caption {
		margin-top: 0px;
	}


	.table-colhead, .table-row {
		list-style: none;
		padding: 0;
		margin: 0;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		/* background: #f6f6f6;
		*/
	}
	.table-colhead li, .table-row li {
		display: inline-block;
		float: left;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		height: 35px;
		line-height: 25px;
		padding: 5px 15px;
		text-align: right;
	}
	.table-colhead li:first-child, .table-row li:first-child {
		width: 100%;
		text-align: left;
	}
	.table-row {
		background: #F0E6DA;
	}
	.table-row li {
		width: 50%;
	}
	.table-row.odd, .table-colhead {
		/* background: #e3e3e4;
		*/
	}
	.table-row.odd li.last {
		background: #E6E9D9;
	}
	.table-colhead li.last {
		background: #b0ba83;
	}
	.table-row.odd li.last {
	}
	.table-wrapper {
		border: none;
	}
	.table-wrapper h3 {
		background: #4f5053;
		margin: 0;
		color: #fff;
		padding: 10px 15px;
		font-size: 18px;
	}
	.table-colhead {
		/* background: #a5a6a7;
		*/
		color: #fff;
	}
	.landing-img h2 {
		font-size: 2.5em;
	}

	.best-practices {
		margin-top: 30px;
	}

	hr.extra {
		margin: 30px 0;
	}
	.full-image {
		margin-bottom: 10px;
	}
}

/* end mq < 760px */
/* =============================================================================
Media queries:< 1500
========================================================================== */

@media only screen and (max-width:1500px) {
	.banner-home-right h2 {
		/* font-size: 30px; */

		color: #fff;
}
}

/* end mq > 1500 */
/* =============================================================================
Media queries:< 1200
========================================================================== */

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

	.nav-desktop .nav-main .level_1 a {
		font-size: 13px;

		padding: 15px;
}
	.nav-desktop .nav-main .level_1 > a {
		padding: 0 6px;
	}
}

/* end mq > 1200px */
/* =============================================================================
Media queries:< 1080
========================================================================== */

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

	.banner h1 + .subhead {
		font-size: 18px;
		display: block;
	}

		.home .banner h2 {
    font-size: 30px;


	}
}

/* end mq < 1080px */
/* =============================================================================
Media queries:< 1124
========================================================================== */

@media only screen and (max-width:1124px) {
	.videoBG, .videoBG_wrapper {
		/* width: 134% !important;
		*/
	}
	span#component_158 {
		/* margin-left: 65%;
		*/
	}
	.image-callout p {
		/* max-width: 80%;
		*/

		font-size: 40px;
	}
	.image-callout-left .richtext {
		margin-left: 70px
	}

	.figure .lead, .figure-rules .lead {
		font-size: 40px;
	}
}

/* end mq < 1124px */
/* =============================================================================
Media queries:< 1000px
========================================================================== */

@media only screen and (min-width:1000px) {
	.nav-mobile {
		display: none !important;
	}
}

/* end mq > 1000px */
/* =============================================================================
Media queries:> 1000px
========================================================================== */

@media only screen and (max-width:1000px) {
	.nav-desktop {
		display: none;
	}

	#nav-mobile {
		display: block;
	}

	.mobile {
		display: block;
	}
	.nav-trigger {
		display: inline-block;
		bottom: auto;
		top: 0;
		vertical-align: top;
		text-transform: uppercase;
		font-weight: 500;
	}

	.no-boxshadow .page-head .align {
		border-bottom: 1px solid #ddd;
	}

	.nav-utility {
		right: 160px;
		top: 31px;
	}
	.nav-utility a {
		display: inline-block;
		margin-left: .25em;
	}
	.image-bar {
		margin-left: -30%;
		margin-bottom: 10%;
	}

		.table-responsive {
		  width: 100%;
		  margin-bottom: 15px;
		  overflow-y: hidden;
		  -ms-overflow-style: -ms-autohiding-scrollbar;
		  border: 1px solid #DDD;
		  position: relative;
		  overflow-x: auto;
		  /* box-shadow: inset 1px 1px 1px 1px #000; */
		}

.table-responsive-wrapper {
	position: relative;
	  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive-wrapper:after {
	content:"";
	display: block;
	position: absolute;
	width: 10px;
	height: 100%;
	top:0;
	left:0;
	box-shadow: inset 18px 0px 10px -17px #898989;

}
}

/* end mq < 1000px */
/* =============================================================================
Media queries:> 990px
========================================================================== */

@media only screen and (max-width:990px) {
	.landing-img h2 {
		font-size: 1.8em;
	}
	.table-colhead li {
		height: 60px;
	}
	.banner-home-right h2 {
		font-size: 25px;
	}

		.home .banner h1 {
    font-size: 47px;

    margin-bottom: .15em;
}

.subhead.animated .subhead-text {
    font-size: 21px;

}

	.home .banner h2 {
    font-size: 25px;


	}
}

/* end mq < 990px */
/* =============================================================================
Media queries:> 940px
========================================================================== */

@media only screen and (max-width:940px) {
    .cta-arrow-p .icon-dot-arrow-teal{
        top: .15em;
    }
	.shrink-logo .nav-main ul a {
	}
	.image-callout {
	}
	.image-callout img {
		max-width: 940px;
	}
	.image-callout p {
		font-size: 25px;
	}
	.safe-harbor .richtext {
		width: 100% !important;
	}
	.cta-group .col {
		float: none;
		width: 100%;
		display: block;

		margin-bottom: 15px;
}

.cta-arrow-p {
	padding-bottom: 20px
}

.cta-arrow-p .col {
	margin-bottom: 0;
}
	.cta-group .col .richtext {
		/* padding-left: 9%; */

		padding-bottom: 0;
}

.cta-arrow-p .icon-dot-arrow {
    font-size: 1.5em;

}

.cta-arrow-p .col .richtext p {
	padding-left: 2em;
	font-size: 20px;
	min-height: 38px;
}
	.cta-group .col .richtext:before {
		width: 7%;
		margin-top: -1%;
	}
	.cta-group h2 {
		/* margin-bottom: 0; */
	}
	.cta-group .col-4 {
		margin-bottom: 0;
	}




}

/* end mq < 940px */
/* =============================================================================
Media queries:> 840px
========================================================================== */

@media only screen and (max-width:840px) {
	.landing-img h2 {
		font-size: 1.7em;
	}
}

/* end mq < 840px */
/* =============================================================================
Media queries:> 860px
========================================================================== */

@media only screen and (max-width:860px) {
	.banner h1 {
		font-size: 50px;
		/* bottom: -12px;
		*/
	}
	.videoBG, .videoBG_wrapper {
		/* width: 150% !important;
		*/
	}
	.image-bar img {
		max-width: 115% !important;
	}

		.home .banner h2 {
    font-size: 20px;


	}
table {
	max-width:none;
}


}

/* end mq < 860px */

/* =============================================================================
Media queries:> 767px
========================================================================== */

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

.banner-home-right a {
	position: relative;
}

.home-water {
	background-size: auto 100% !important;
}

html, body {
	font-size: 16px;

}

.cta-arrow-p .icon-dot-arrow {
	top: .25em;
}

.internal h2 {
	font-size: 35px;
	margin-top: 0;
}


.cta-arrows .col .richtext p {
	padding-left: 44px;
}

	.lead, .lead a {
		margin-bottom: 25px;
	}


	.lead .normal-weight {

	}

	header .align, .banner .align {
		padding-left: 15px;
		padding-right: 15px !important;
	}

	.home .banner h1 {
		padding-left: 0;
	}

	.subhead.animated .subhead-text {
    font-size: 26px;

	}

	.banner .br {
		display: none;
	}
	.banner-home-left {
		padding: 15px;
	}
	.banner-home-right .col {
		/* height: 420px; */
		max-height: none;

		background-size: 100%;
		padding-bottom: 25%;
}
	.banner-home-right img {
		max-height: 200px;
	}
	.banner .richtext {
		top: initial !important;
		opacity: 1;
		/* height: 50px; */
		right: initial;
		bottom: 0;
	}

	.banner-home-left .richtext {
		height: auto;
	}

	.banner .richtext br:before {
		content: " ";
	}

	.banner .richtext h2 {
		position: relative;
		font-size: 26px;
		text-align: left;
		line-height: 1;
		padding: 15px 30px 15px 15px;
		margin: 0;
	}
	.banner .richtext h2:after {
		content: "\f138";
		padding-left: .55em;
		font-family: 'icomoon';
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		margin-top: -1px;
		opacity: .75;
		-webkit-transition: opacity 250ms ease;
		transition: opacity 250ms ease;
	}
	.banner .col:hover h2:after {
		opacity: 1;
	}
	.banner .col:hover .richtext {
		top: auto;
		opacity: 1;
	}
	.banner h1 + .subhead {
		margin-right: -30px;
		padding-right: 30px;

}
	.banner-home-right {
		margin: 0 -15px;
	}
	.align, .banner .richtext {
		padding-left: 15px;
		padding-right: 15px;
	}
	.list-inline, .list-inline li {
		display: block;
		border: none;

		float: none;
}
	.image-callout .richtext {
		/* display: none;
		*/
	}
	.page-foot h5 {
		font-size: 22px;
	}
	.footer-links a, .list-links li a {
		padding: 3px 10px;
		margin-left: -10px;
		font-size: 16px;

		display: block;
		float: none;
}
	.social-links {
		text-align: left;
	}
	.social-links li {
		display: inline-block;
	}
	.image-callout .richtext {
		/* display: none;
		*/
	}
	.image-callout .image_component {
	}
	.callout-2col {
		margin-right: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.gutters, .caption_credit {
		/* margin-left: 25px; */
		/* margin-right: 25px; */

		font-size: 13px;
		line-height: 1.5em;
		margin-bottom: 15px;
}
	.gutters.charts, .gutters.figure {
		margin: 45px 25px;
	}
	.gutters.gutter-left {
		margin-right: 25px;
	}
	.gutter-left .rule-callout {
		margin-right: 25px;
	}
	.figure img, .charts img {
		margin: 0 auto;
		/* padding-bottom: 4%; */
	}
	.callout-2col img {
		margin: 0 auto;
	}
	.left-offset img {
		margin-right: -30px;
	}
	.callout-2col-split img {
		/* margin-left: 25px;
		*/
	}
	.videoBG, .videoBG_wrapper {
		/* width: 244% !important;
		*/
		/* overflow-x: hidden;
		*/
	}
	.page-foot {
		padding-top: 25px;
	}
	.video-toggle {
		margin-left: 25px;
		font-size: 12px;
	}
	.home .main {
		border: none;
	}
	.banner .richtext {
		/* margin: 0; */
		/* padding-left: 0; */
		/* padding-right: 0; */
		padding-bottom: 15px;
	}
	.gutters .colgroup .headline {
		margin-left: 0;
	}
	.image-bar {
		margin-left: 0%;
	}
	.banner {
		margin-bottom: 30px;
	}
	.table-colhead li {
		height: 35px;
	}
	.table-row li.first, .table-row.odd li.first {
		background: #A5A6A7;
		color: #fff;
	}
	.table-row li.last {
		background: #E6E9D9;
	}
	.table-colhead li.first {
		height: 60px;
	}

	.image-callout p {
		display: none;
	}

	.quote-source, .quote-source-title {
		font-size: 15px;
	}
	.chart-lead {
		width: 100%;
		margin-left: 0;
	}
	.image-callout {
		margin-bottom: 30px;
	}
	.image-callout img {
		max-width: 760px;
	}
	.spacer {
		padding: 0;
	}
	.info-graphic .image_component {
		width: auto;
		float: none;
		text-align: center;
	}

	.info-graphic {
		max-width: 602px;
	}
	.figure .col-4 > span {
		width: 50%;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.charts .col-2 > .richtext,
	.charts .col-3 > .richtext,
	.charts .col-4 > .richtext  {
		width: auto;
		float: none;
	}
	.image-callout .richtext {
		padding: 15px;
	}
	.figure, .charts {
		margin-top: 15px;
		margin-bottom: 15px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.figure {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.cta-group-1 {
		/* padding-bottom: 25px; */
	}
	.banner {
		margin-bottom: 30px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-12 {
		margin-right: -15px;
		margin-left: -15px;
	}
	.col, .col-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	table {
		width: 100%;
		min-width: 770px;
		margin-bottom: 0;
	}

	div.table-wrapper {
			border: none;
		}


	.banner-tall-image {
	    position: inherit;

	    width: 100%;
	}

	.gri-footer {
		float: none;
		margin-bottom: 30px;
	}

	.footer-info {
	    margin-left: 0;

	    margin-bottom: 30px;
	}


		.banner-home-right .col,
		.banner-home-middle .col,
		.banner-home-right .banner-tall-image {
	  height: 400px;
	  min-height: 0;
	  max-height: none;
	  background-size: 100%;
	  background-position-y: -45px;
	  background-repeat: no-repeat;
	}

	.figure .lead, .figure-rules .lead {
	    font-size: 25px;

	    /* margin-bottom: 1em; */
	    /* text-align: center; */
	}

	.figure .image_component {
		text-align: center;
		display: block;

	}


	.figure-valign .col {
	    display: block;

	    margin: 0;
	}


	.figure .col  {
		margin-bottom: 30px;
	}

	.graphic .col > .image_component {
		width: 50%;
		float: left;
		margin-bottom: 10px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.graphic .col:nth-child(odd) > .image_component {
		padding-left: 0;
	}

	.graphic .col:nth-child(even) > .image_component {
		padding-right: 0;
	}

	.cta-arrow-p .col {
		margin-bottom: 15px;
	}

	.figure .col:last-child  {
		margin-bottom: 0;
	}

	.home .banner .richtext {
		height: 70px;
		padding: 10px 0;
		box-sizing: border-box;
	}


	.home .banner-home-left .richtext {
		height: auto;
	}

	.cta-arrow-headline p,
	.cta-arrow-headline ul {
		margin-left: 50px;
	}

	.col img  {
		display: block;
		margin: 0 auto 15px auto;
	}

	.arrow-cta {
		font-size: 1em;
	}
	.arrow-cta a:after {
	  font-family: 'mosaic-sr';
	  content: "\e602";
	  font-weight: normal;
	  color: #6a9ba5;
	  font-size: 35px;
	  position: relative;
	  top: 6px;
	  left: 8px;
	}

	.cta.teal h4 {
		font-size: 1em;
	}

	.image_component {
		text-align: center;
		margin: 0 auto;
	}

}

/* end max-width 767px */
/* =============================================================================
Media queries:> 670px
========================================================================== */

@media only screen and (max-width:670px) {
	.image-callout p {
		font-size: 15px;
		max-width: 80%;
	}
}


/* =============================================================================
Media queries:> 660px
========================================================================== */

@media only screen and (max-width:660px) {
	.videoBG, .videoBG_wrapper {
		/* width: 180% !important;
		*/
		/* overflow-x: hidden;
		*/
	}

	.banner-home-right .col, .banner-home-middle .col, .banner-home-right .banner-tall-image {
    height: 300px;

	}
}

/* end mq < 660px */





/* =============================================================================
Media queries:> 590px
========================================================================== */
@media only screen and (max-width:590px) {
	.banner-home-right .col {
		min-height: 255px;

		background-size: 100%;
		padding-bottom: 18%;
}
	.image-callout p {
		font-size: 12px;
		max-width: 52%;
		line-height: 1.25;
	}
}

/* =============================================================================
Media queries:> 460px
========================================================================== */
@media only screen and (max-width:460px) {

	.banner-home-right h2 {
		font-size: 20px;
	}
	.videoBG, .videoBG_wrapper {
		/* width: 345% !important; */
	}
	.banner-video {
		height: 300px;
	}
	.landing-img .richtext {
	}
	.banner {
		min-height: 200px;
		margin-bottom: 15px;
	}
	.image-callout {
		height: auto;
		margin-bottom: 15px;
	}
	.image-callout img {
		max-width: 485px;
	}
	.quote-source, .quote-source-title {
		font-size: 16px;
		text-align: left;
		line-height: 1.2em;
	}
	.quote-source-title {
		display: block;
		font-weight: normal;
		font-size: 14px;
	}
	.quote-source .quote-source-title:first-child {
		margin: 0;
	}
	.quote-source em, .quote-source em + .quote-source-title {
		display: inline;
	}
	.quote-source-title:before {
		display: none;
	}
	.video-toggle li {
		margin-right: 0;
		padding-right: 8px;
	}
	.video-toggle {
		margin-right: 25px;
	}
	.table-colhead, .table-row {
		font-size: 11px;
	}
	.table-colhead li.first {
		line-height: 1.2em;
		height: 47px;
		font-size: 14px;
	}
	h1 {
	}
	.banner .richtext {
		padding: 15px 15px 15px 15px;
	}
	.home .banner .richtext {
		padding: 0;

		height: 65px;
}

.home .banner-home-left .richtext {
	height: auto;
}

.internal h2 {
	font-size: 25px !important;
	line-height: 1.1;
	margin-bottom: 0;
}


.figure h2 {
	/* margin-bottom:30px; */
}


.cta-group h2 {
	margin-bottom:0;
}
.figure .cta-group h2 {
	margin-bottom: 20px;
}

.figure-rules h2 {
	margin-bottom: 20px;
}

.internal h2 + hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
	.lead {
		font-size: 18px;
		margin-bottom: 17px;
		line-height: 1.2;
	}
	.lead .normal-weight {
		font-size: 18px;
	}
	p.download {
		margin-top: 20px;
	}
	.image-callout .richtext {
		padding: 15px;
	}
	.figure, .charts {
		margin-top: 25px;
		margin-bottom: 30px;
		/* padding-top: 15px;
		*/
		/* padding-bottom: 15px;
		*/
	}
	.cta-group {
		/* padding-bottom: 15px; */
	}
	h2.green-arrow {
	margin-bottom: 20px;
}

	.home .banner h1 {
		padding: 0 0 5px;
	}
	.banner-home-left {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.banner-home-right .col,
	.banner-home-middle .col,
	.banner-home-right .banner-tall-image {
  		height: 250px;
  		min-height: 0;
	}

	.home .banner .richtext h2 {
		font-size: 16px;
	}

	.home-water {
		background-size: 170% !important;
	}

	.cta-group-3 .col .richtext p {
		font-size: 20px;
		padding-left: 31px;
		margin-top: 0;
	}

	h4.cta {
		font-size: 23px;
	}
	h2.arrow a {
		font-size: 25px;
	}
	h2.cta-arrow-headline {
		margin-bottom: 20px;
	}

	.arrow:after {
		width: 40px;
		height: 40px;
	}
	.figure .col.solo {
		margin-bottom: 0;
	}

		.cta-arrow-headline p,
	.cta-arrow-headline ul {
		margin-left: 35px;
	}


}

/* end max-width 460px */





/* =============================================================================
Media queries:> 400
========================================================================== */
@media only screen and (max-width:400px) {
.banner-home-right .col, .banner-home-middle .col, .banner-home-right .banner-tall-image {
    background-size: 130%;

}

}


/* =============================================================================
Media queries:> 375
========================================================================== */
@media only screen and (max-width:375px) {

.banner-home-right .col {
  height: 181px;
  background-size: 100%;
  padding-bottom: 63%;
}

}




}