header {
	margin: 0;
}
 
/* Bookmark */ 
div.bookmark {
	border-top: 1px solid #CDD0D5; 
	font-family: "proxima-nova-condensed"; /*  ProximaNovaCond-Extrabld; */
	font-weight: 800; 
	font-size: 11px;
	line-height: 1.73;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1A4D79;
	border-top: 1px solid #CDD0D5;
	padding: 17px 0 18px 0;
	margin: 0;
	height: 45px;
	position: relative; 
}  
*.tag { 
	font-family: "proxima-nova-condensed"; /*  ProximaNovaCond-Extrabld; */
	font-weight: 800; 
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1A4D79;
	padding: 0;
	margin: 0; 
	display: inline-block;
	position: relative; 
}   
div.bookmark a.bookmark {
	position: absolute;
	top: 14px;
	right: 0;
}
/* END OF TAGS, BOOKMARK */


/* Articles */
div.articles {
	max-width: 1200px;
}

div.article { 
	width: 269px;
	height: 282px;
	margin: 0 24px 37px 0; 
	position: relative; 
	float: left;
}
div.article img {
	display: block;
	width: 269px;
	height: 134px; 
}
div.article div.bookmark { 
	bottom: 0;
	display: block;
	width: 100%;
	position: absolute;
}
div.article div.content { 
	padding: 16px 0; 
	max-height: 100px;
	overflow: hidden;
}
div.article div.content a.tag {
	display: block;
	margin-bottom: 11px; 
}
div.article a.title { 
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	line-height: 1.25; 
	color: #1A4D79;
	padding: 0;
	text-decoration: none;
}
/* 
div.article a.title:first-letter {	Sentence Style 
	text-transform:uppercase;
}
*/

@media only screen and (min-width: 415px) {	/* For non-cell-portrait */ 
div.article.first { 
	width: 566px;
	height: 600px; 
	margin-right: 28px;
}
div.article:nth-child(2),
div.article:nth-child(4) {
	margin-right: 0; 
}
div.article.first img {
	height: 282px;
	width: 566px; 
}
div.article.first div.content {
	padding-top: 22px;  
	max-height: 270px;  
}
div.story.first div.content a.title,
div.article.first div.content a.title {
	padding-top: 16px; 
	font-family: "proxima-nova", sans-serif;
	font-size: 32px;
	font-weight: 300;
	line-height: 1.13; 
	padding: 0; 
	margin: 0; 
}
div.article.first div.content p {
  color: #505050;  
  width: 100%;
  max-width: 100%;
  padding: 9px 0;
}
}
/* END OF Articles */

/* Hero */
div.story {
	height: 277px;
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden; 
	vertical-align: bottom;
	background: url("../png/bg_houndstooth.png") repeat 0 0;
}  
div.story h2 {
	font-family: "proxima-nova", sans-serif;
	font-size: 32px;
	font-weight: 300;
	line-height: 1.44;  
	color: white; 
	border: 0;
} 
div.story p { 
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  text-align: left;
  color: white; 
}
div.story div.bg {    
	width: 100%;
	height: 100%; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	z-index: 0;
	transition: transform 200ms ease-out;
	transform: scale(1);
	top: 0;
	left: 0;
}  
div.story div.bg::before { 
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.0));
}
div.story:hover div.bg {
    transform: scale(1.2);  
}
div.story div.content {
	position: absolute; 
	width: 100%;    
	padding: 0 30px 0 20px;
	bottom: 0px; 
	color: white;
}  
div.story div.content * {
	color: white;
}
div.story a.title {
	font-family: "proxima-nova", sans-serif;	/* Proxima Nove Light 20px/22px */
	font-size: 20px;
	font-weight: 300; 
	line-height: 1.1em; 
	text-decoration: none; 
	margin-top: 9px;
	height: 45px;
	display: block;
} /* 
div.story a.title:first-letter {	Sentence Style
	text-transform:uppercase;
} */
div.story div.bookmark {
	border-color: white; 
	margin-top: 11px;
	padding-top: 14px;
	padding-bottom: 27px;
}
div.story a.bookmark { 
	top: 11px;  
	background-image: url("../svg/bookmark_white.svg");
}  
div.story a.bookmark:hover,
div.story a.bookmark.active {   
	background-image: url("../svg/bookmark_orange.svg");	
}
div.story.promise,
div.story.first { 
    width: 100%; 
}
div.story.promise {
	background: url("../png/bg_houndstooth.png") repeat 0 0;
} 
 
@media only screen and (min-width: 415px) and (max-width: 800px), (min-width: 993px) {	/* For non-cell-portrait */ 
div.story.promise div.content,
div.story.first div.content {
	width: 100%;   
	overflow: hidden; 
	padding: 44px; 
	padding-bottom: 0; 
} 
div.story.promise div.content {
	top: 0;
}
	div.story.promise div.content p { 
		max-height: 110px; 
		padding-bottom: 10px;
		overflow: hidden;
	}
div.story.promise div.content a.btn {
	margin-top: 28px;
	margin-left: -9px;
}  
div.story.first div.content p {
	width: 100%; 
}  
div.story.first div.content a.title {
	height: auto; 
	padding: 0;
	padding-bottom: 9px; 
}
}	
/* END OF HERO */

div.article a.title:hover,
div.story a.title:hover {
	text-decoration: underline
}
 

/* Press Releases, Events */
div.wrapper div.grid-wrapper {
	margin-bottom: 0; 
}

div[theme="gray"] div.grid-wrapper { 
	margin-bottom: 0; 
	padding-top: 32px;
	padding-bottom: 32px; 
}
div.grid-wrapper div.grid.two-column {
	padding-bottom: 0;
	margin-bottom: 0;
}
div.grid-wrapper div.grid.two-column div.content {
	padding: 32px 30px 0 30px; 
	margin-bottom: 0;
}
div.grid-wrapper div.grid.two-column div.content h1 {
	margin-bottom: 40px; 
}
div.grid-wrapper div.grid.two-column div.content dl {
}
div.grid-wrapper div.grid.two-column div.content dl dt { 
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.17; 
  margin-top: 0;
}

.grid.three-column img {
	max-width: 368px;
}



@media only screen and (max-width: 992px) {
	div.hero-column,
	div.column {
        width: 100%;
        float: left; 
    }
	div.article,
	div.story.promise,
	div.story.first {
        width: 50%;
        float: left;
    }
	div.story.first div.content a.title {
		height: auto; 
		padding: 0;
		padding-bottom: 9px; 
	}
	div.article {
		width: 48%; 
		margin-right: 0; 
	}
	div.article:nth-of-type(1),
	div.article:nth-of-type(3) {
		margin-right: 24px; 
	}
	div.article.first {
		width: 100%;
		min-height: 0;
		height: auto; 
	}  
	div.article.first div.bookmark {
		position: relative;
	}
	div.article.first img {
		width: 100%; 
		height: auto;
	} 
}

@media only screen and (max-width: 800px) {
	div.story.promise,
	div.story.first {
		width: 100%;
	} 
	div.article.first p {
		display: none; 
	} 
    .four-column {
        width: 48.7931034482%;
    }
    .four-column:nth-child(even) {
        margin: 0;
    }
    .module {
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .widget {
        width: 48.7931034482%;
        order: 2;
        -webkit-order: 2;
    }
    .widget:nth-child(2) {
        margin: 0;
        order: 3;
        -webkit-order: 3;
    }
    .tabbed {
        width: 100%;
        order: 1;
        -webkit-order: 1;
        margin-right: 0;
    }
	.grid.three-column img {
		width: 100%; 
	}
}

@media only screen and (max-width: 700px) { 
	div.story div.content h2,
	div.story div.content p {
		width: 100%;
	}  
    .two-column,
    .three-column,
    .five-column-962 {
        width: 100%;
    }
    .widget,
    .tabbed {
        width: 100%;
        margin-bottom: 20px !important;
        margin-right: 0;
    }
    .three-column-962 { 
    }
    .seven-column-962 { 
    }
    .section-sidebar { 
    }
    .nine-column {
        width: 100%;
    }
    .section-item {
        width: 48.7931034482%;
        margin-right: 2.4137931034483%;
    }
    .section-item:nth-child(3n+3) {
        margin-right: 2.4137931034483%;
    }
    .section-item:nth-child(2n+2) {
        margin-right: 0;
    } 
	 
}

/* Cell phones */
@media only screen and (max-width: 568px) {
	div.story,
	div.article { 
		width: 100%; 
	} 
	div.article.first div.content,
	div.story.promise,
	div.story.promise div.content {
		position: relative; 
		max-width: 100%;
		max-height: 100%;
		height: auto; 
	}
	div.article, 
	div.article.first,
	div.article a.title,
	div.article p,
	div.article div,
	div.article img {
		width: 100%;
		height: auto;
		max-width: 100%;
		min-height: 0;
		max-height: 100%;
		position: relative;
		margin-bottom: 10px;
	} 	
	div.article div.bookmark {
		position: relative;  
	}  

	@media only screen and (orientation: portrait) { 
		div.story.promise div.content,
		div.story.first div.content { 
			padding-right: 30px;
			padding-left: 20px;
}
		div.story.first div.content p {
    width:100%;
			display: none;
}
		div.story.promise div.content a.btn {
			margin-left: 0
}
}
}


/* 55.0862068966

19.3103448276

639


71 x 9 = 639
28 x 8 = 224
639 + 224 = 863

71 is 8.2271147161066% of 863
28 is 3.2444959443801% of 863

71 x 3 = 213
28 x 2 = 56
213 + 56 = 269
269 is 31.17033603708% of 863
*/