/* hide */
.content-header {
	display: none;
}

/* hero */
.hero {
	padding: 16px 0;
	height: 432px;
	overflow: hidden;
}

.tagline {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: .3px;
}

body.in-edit-mode .hero {
	height: auto;
}

/* accent */
.accent-container {
	background: #18a5c3;
	color: #fff;
	margin: 0 0 32px 0;
}
.accent-container a {
	color: #fff;
}
.accent {
	padding: 32px 0;
}
.accent > table > tbody > tr + tr table.s4-wpTopTable {
	width: 75%;
	margin: 0 12.5%;
}
body.in-edit-mode .accent > table > tbody > tr + tr table.s4-wpTopTable {
	margin: 0;
}
.accent .tile h3.ms-WPTitle {
	background-color: transparent;
}

/* bottom row parts */
.bottom-row table.s4-wpTopTable {
	margin: 0;
}

/* testimonials nav */
.accent {
	position: relative;
}
.testimonials-nav.nav-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(24,165,195,1) 0%, rgba(24,165,195,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(24,165,195,1)), color-stop(100%,rgba(24,165,195,0)));
	background: -webkit-linear-gradient(left,  rgba(24,165,195,1) 0%,rgba(24,165,195,0) 100%);
	background: -o-linear-gradient(left,  rgba(24,165,195,1) 0%,rgba(24,165,195,0) 100%);
	background: -ms-linear-gradient(left,  rgba(24,165,195,1) 0%,rgba(24,165,195,0) 100%);
	background: linear-gradient(to right,  rgba(24,165,195,1) 0%,rgba(24,165,195,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a5c3', endColorstr='#0018a5c3',GradientType=1 );
}
.testimonials-nav.nav-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(24,165,195,0) 0%, rgba(24,165,195,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(24,165,195,0)), color-stop(100%,rgba(24,165,195,1)));
	background: -webkit-linear-gradient(left,  rgba(24,165,195,0) 0%,rgba(24,165,195,1) 100%);
	background: -o-linear-gradient(left,  rgba(24,165,195,0) 0%,rgba(24,165,195,1) 100%);
	background: -ms-linear-gradient(left,  rgba(24,165,195,0) 0%,rgba(24,165,195,1) 100%);
	background: linear-gradient(to right,  rgba(24,165,195,0) 0%,rgba(24,165,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0018a5c3', endColorstr='#18a5c3',GradientType=1 );
}

/* infographics */
.infographic-item-image-large {
		display: none;
	}

/* 1200px screens */
@media screen and (max-width: 1200px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.video-item {
		width: 475px;
	}
	.col.six.padded {
		padding: 0 62px;
	}
	.testimonial-item-carousel-content .short-description {
		font-size: 18px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
}

/* 1170px screens */
@media screen and (max-width: 1170px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.video-item {
		width: 475px;
	}
	.col.six.padded {
		padding: 0 62px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
}

/* 1156px screens */
@media screen and (max-width: 1156px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.video-item {
		width: 475px;
	}
	.col.six.padded {
		padding: 0 56px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-item {
		height: 300px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
}

/* 1119px screens */
@media screen and (max-width: 1119px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 66px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-item {
		height: 300px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
}

/* 1092px screens */
@media screen and (max-width: 1092px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 66px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-item {
		height: 300px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
	.infographic-item-image-top {
		padding: 16px 16px 16px 0;
	}
	.infographic-item-content-top {
		padding: 10px 13px 15px;
	}
}

/* 1084px screens */
@media screen and (max-width: 1084px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 56px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-item {
		height: 300px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
	.infographic-item-image-top {
		padding: 16px 16px 16px 0;
	}
	.infographic-item-content-top {
		padding: 10px 13px 15px;
	}
	.ms-WPBorderBorderOnly {
		padding: 32px 22px !important;
	}
}

/* 1070px screens */
@media screen and (max-width: 1070px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.col.padded-half-left {
		padding-left: 26px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 50px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-item {
		height: 300px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
	.infographic-item-image-top {
		padding: 16px 16px 16px 0;
	}
	.infographic-item-content-top {
		padding: 10px 13px 15px;
	}
	.ms-WPBorderBorderOnly {
		padding: 32px 22px !important;
	}
}

/* 1055px screens */
@media screen and (max-width: 1055px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.col.padded-half-left {
		padding-left: 16px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 30px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-item {
		height: 300px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-content {
		font-size: 14px;
	}
	.top-five-content h6 {
		font-size: 16px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
	.infographic-item-image-top {
		padding: 16px 16px 16px 0;
	}
	.infographic-item-image-top img {
		width: 300px;
		height: auto;
	}
	.infographic-item-image img {
		width: 300px;
		height: auto;
	}
	.infographic-item-content-top {
		padding: 10px 13px 15px;
	}
	.ms-WPBorderBorderOnly {
		padding: 32px 22px !important;
	}
	.ms-WPBorderBorderOnly img {
		width: 215px;
		height: auto;
	}
}

/* 1030px screens */
@media screen and (max-width: 1030px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.col.padded-half-left {
		padding-left: 16px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 30px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-item {
		height: 300px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-content {
		font-size: 14px;
	}
	.top-five-content h6 {
		font-size: 16px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
	.infographic-item-image-top {
		padding: 16px 16px 16px 0;
	}
	.infographic-item-image-top img {
		width: 300px;
		height: auto;
	}
	.infographic-item-image img {
		width: 300px;
		height: auto;
	}
	.infographic-item-content-top {
		padding: 10px 13px 15px;
	}
	.ms-WPBorderBorderOnly {
		padding: 32px 22px !important;
	}
	.ms-WPBorderBorderOnly img {
		width: 215px;
		height: auto;
	}
}

/* 1024px screens */
@media screen and (max-width: 1024px) {
	.padded-half {
		padding: 0;
	}
	.col.padded-half {
		padding: 0;
	}
	.col.padded-left {
		padding: 0 16px;
	}
	.col.padded-half-left {
		padding-left: 20px;
	}
	.video-item {
		width: 450px;
	}
	.col.six.padded {
		padding: 0 27px;
	}
	#tweets {
		height: 363px;
	}
	.top-five-item {
		height: 300px;
	}
	.top-five-header h4 {
		font-size: 30px;
	}
	.top-five-content {
		font-size: 14px;
	}
	.top-five-content h6 {
		font-size: 16px;
	}
	.swipeshow.swipeshow-carousel {
		height: 300px;
	}
	.tile-medium {
		height: 440px;
	}
	.infographic-item-row {
		min-height: 440px;
	}
	.infographic-item-content-container-row {
		height: 140px;
	}
	.tile.tile-libby-and-art {
		height: 440px;
	}
	.infographic-item-image-top {
		padding: 16px 16px 16px 0;
	}
	.infographic-item-image-top img {
		width: 300px;
		height: auto;
	}
	.infographic-item-image img {
		width: 300px;
		height: auto;
	}
	.infographic-item-content-top {
		padding: 10px 13px 15px;
	}
	.ms-WPBorderBorderOnly {
		padding: 32px 22px !important;
	}
	.ms-WPBorderBorderOnly img {
		width: 215px;
		height: auto;
	}
}

/* 900px screens */
@media screen and (max-width: 900px) {
	
	.hero {
		padding: 0;
		height: auto;
	}
	.tagline {
		padding: 5px;
		font-size: 12px;
	}
	.hero .col.four {
		padding: 0 12px;
	}
	.accent-container {
		margin: 0 0 12px 0;
		overflow: hidden;
	}
	.accent {
		padding: 12px 0;
	}
	.bottom-row table.s4-wpTopTable {
		margin: 0 0 12px 0;
	}
	.video-item {
		display: none;
	}
	.accent > table > tbody > tr + tr table.s4-wpTopTable {
		margin: 0 32px;
	}
	.infographic-item {
		max-width: auto;
		margin-left: auto;
    	margin-right: auto;
	}
	.infographic-item-row {
		max-width: auto;
		margin-left: auto;
    	margin-right: auto;
    	min-height: 400px;
	}
	.infographic-item-content-container-row {
		height: 100px;
	}
	.tile.tile-libby-and-art {
		text-align: center;
		height: 420px;
	}
	.col.three.share {
		max-width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.share-content {
		text-align: center;
	}
	img.share-content {
		display: block;
		margin: auto !important;
	}
	.infographic-item-image {
		display: none;
	}
	.infographic-item-image-large {
		display: block;
	}
	.infographic-item-image-top {
		display: none;
	}
	.infographic-item-image-large img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.libby-and-art {
		position: relative;
	}
	.libby-and-art img {
		margin-left: auto;
		margin-right: auto;
	}
	.col.padded-half-left {
		padding-left: 0px;
	}
	.ms-WPBorderBorderOnly {
		padding: 32px 22px 0 !important;
	}
	.tile-medium {
		height: 400px
	}
	.col.six.padded {
		display: none;
	}
}

/* 566px screens */
@media screen and (max-width: 566px) {
	
	.hero {
		padding: 0;
		height: auto;
	}
	.tagline {
		padding: 5px;
		font-size: 12px;
	}
	.hero .col.four {
		padding: 0 12px;
	}
	.accent-container {
		margin: 0 0 12px 0;
		overflow: hidden;
	}
	.accent {
		padding: 12px 0;
	}
	.bottom-row table.s4-wpTopTable {
		margin: 0 0 12px 0;
	}
	.video-item {
		display: none;
	}
	.accent > table > tbody > tr + tr table.s4-wpTopTable {
		margin: 0 32px;
	}
	.infographic-item-image-large {
		display: none;
	}
	.infographic-item-image {
		display: block;
	}
	.infographic-item-image-top {
		display: block;
	}
	.infographic-item-image img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.infographic-item-image-top img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.infographic-item-content-container-row {
		height: 125px;
	}
}