/* ---------------------------------------------------------------- */
/* @@: CSS Reset (Modified) -- //
/* ---------------------------------------------------------------- */
html, body, div, span, applet,
object, iframe,h1, h2, h3, h4,
h5, h6, p, blockquote, pre,a,
abbr, acronym, address, big,
cite, code,del, dfn, em, img,
ins, kbd, q, s, samp,small, strike,
strong, sub, tt, var,b, u, i,
center,dl, dt, sup, dd, ol, ul, li,fieldset,
form, label, legend,table, caption, tbody,
tfoot, thead, tr, th, td,article, aside,
canvas, details, embed, figure,
figcaption, footer, header, hgroup,
menu, nav, output, ruby, section,
summary,time, mark, audio,
video {
	margin: 0;	padding: 0;	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
a { outline:none; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sup { vertical-align: top; font-size:9px; position: relative; top: -0.2em; }
em {
	font-style:italic;
}

/* ---------------------------------------------------------------- */
/* @@: Import Fonts -- //
/* ---------------------------------------------------------------- */
/* --

/* ---------------------------------------------------------------- */
/* @@: Document Styles -- //
/* ---------------------------------------------------------------- */
body,html {
  margin:0 auto;
  font-family: 'Barlow', monospace;
  font-weight:400;
  color:#222;
	width:100%;
	background:#EEE;
}
a { color:#000; }
body {
	background:#FFF;
}
header,
section,
footer,
.page-wrap {
  position:relative;
  margin:0 auto;
  overflow-x:hidden;
  overflow-y:auto;
  width:100%;
	padding:1px 0;
}
header {
  position:fixed;
  z-index:9;
  left:50%;
  top:0;
  padding-bottom:15px;
	margin:0 0 0 -800px;
}
body,
header {
  width:1600px;
}
.page-wrap {
	width:90%;
}
.logo {
  float:left;
  width:160px;
  padding:25px 0 10px;

}

.menu img {
  max-height:40px;
}
.logo h1 {
  font-size:18px;
  line-height:16px;
  letter-spacing:-1px;
  word-spacing:-1px;
  color:#FFF;
  padding-bottom:10px;
  border-bottom:3px #FFF solid;
}
.logo h1 span {
  font-weight:500;
}
.menu {
  float:right;
  text-align:right;
  padding:22px 0 0;
}
.menu ul li {
  display:inline-block;
  vertical-align: middle;
}
.menu ul li a {
  padding:0 5px;
  color:#FFF;
  text-decoration:none;
}
/* -- @ Front Page : --*/
.splash {
  height:70vh;
  background:#222;
}
.headline,
.foot-logos {
  position:absolute;
}
.headline {
  left:0;
  top:0;
  width:100%;
  height:100%;
  text-align:center;
}
.headline h2,
.articles h3 {
  font-size:52px;
  line-height:49px;
  letter-spacing:-1px;
  word-spacing:-2px;
  margin-bottom:25px;
  text-shadow:0 0 20px rgba(0,0,0,1);
}
.articles h3 {
  font-size:42px;
  line-height:37px;
  letter-spacing:0px;
  word-spacing:-1px;
  text-shadow:0 0 0 rgba(0,0,0,0);
}
.articles h3 span {
  font-weight:500;
  letter-spacing:0px;
}
.headline h2 span,
.articles h3 span {
  font-weight:500;
  display:block;
  letter-spacing:-1px;
}

.headline h2{
  width:50%;
}
.headline p {
  width:30%;
  font-size:16px;
  line-height:18px;
  margin-bottom:24px;
}
.headline p a {
  color:#FFF;
  padding-bottom:10px;
  border-bottom:2px transparent solid;
  text-decoration:none;
  margin-right:10px;
  transition:400ms;
}
.headline p a:hover {
  border-bottom:2px #FFF solid;
  transition:400ms;
}
.headline .page-wrap {
  margin-top:30vh;
  color:#FFF;
  text-align:left;
}
.foot-logos {
  width:100%;
  left:0;
  bottom:0;
  overflow:visible;
  padding-bottom:25px;
}
.foot-logos .page-wrap {
  text-align:right;
  overflow:visible;
}
.foot-logos img {
  display:inline-block;
  vertical-align:top;
  max-height:55px;
}
.foot-logos img:nth-child(1){
  max-height:50px;
}
.foot-logos img:nth-child(2){
  margin-top:-6px;
}

.articles .page-wrap {
  padding-top:75px;
}

.news-grid {
  padding-bottom:45px;
}
.news-col {
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width:calc(100% - 550px);
	padding-right:45px;
	padding-top:45px
}
.news-col:last-child {
	width:550px;
	padding:45px 35px 0;
	background:#FFF;
	color:#000;
}
.news-col h4 {
	font-size:30px;
}
.news-col h4 span {
	font-weight:500;
}
.news-item {
  display:inline-block;
  width:50%;
  box-sizing: border-box;
  padding:25px 30px;
	vertical-align: top;
}
.news-col:last-child .news-item {
	padding-bottom:10px!important;
}
.news-col:last-child .news-item {
	width:100%;
	padding:25px 0;
}
.news-item:nth-child(odd){
  padding-left:0;
}
.news-item:nth-child(even){
  padding-right:0;
}
.ni-title {
  font-size:26px;
  margin-bottom:15px;
}
.news-col:last-child .news-item .ni-title a {
	font-size:20px;
	color:#000;
	font-weight:500;
	line-height:18px!important;
}
.ni-title a {
  color:#222;
  text-decoration:none;
  font-weight:500px;
  transition:400ms;
}
.ni-title a:hover {
  text-decoration:underline;
  transition:400ms;
}
.ni-content {
  margin-bottom:10px;
}
.news-col:last-child .news-item .ni-content p {
	font-size:13px;
}
.ni-date {
  font-size:11px;
}
.content p {
  font-size:16px;
  line-height:18px;
  margin-bottom:22px;
}
.content p strong {
  font-weight:500;
}
.content blockquote {
  font-size:20px;
  margin-bottom:22px;
  border:1px #000 solid;
  padding:25px;
}
.content ul li {
  font-size:16px;
  line-height:18px;
  margin-bottom:22px;
  border-left:3px #222 solid;
  padding-left:15px;
}
.content-col:nth-child(2) ul li {
  border-left:3px #FFF solid;
  margin-bottom:16px;
  padding-left:7px;
}
.content-col:nth-child(2) ul {
  margin-top:15px;
}
.content-col {
  display: inline-block;
  vertical-align:top;
  box-sizing: border-box;
}
.content.col2 .content-col:nth-child(1){
  width:calc(100% - 550px);
  padding:0 100px 0 0;
}
.content.col2 .content-col:nth-child(2){
  width:550px;
  color:#FFF;
  background:#000;
  padding:45px;
}
.content h4 {
  font-size:26px;
  margin-bottom:15px;
}
.divide .page-wrap {
  border-bottom:1px #EEE solid;
  margin-bottom:8px;
  padding:65px 0 65px;
}
.blue {
  margin-top:45px;
  background:#224461;
  color:#FFF;
	padding-bottom:45px;
}
.blue .ni-title a {
  color:#FFF;
}
.cologo {
	width:100px;
	margin:15px 0;
}

footer {
	background:#000;
	padding:45px 0 15px;
	color:#FFF;
}
footer a { color:#FFF; }
.footer-top,
.footer-copy {
	padding-bottom:15px;
	font-size:16px;
}
.footer-copy {
	font-size:11px;
	margin:25px auto 0;
}
.footer-top a,
.footer-copy a {
	color:#FFF;
	text-decoration:none;
}
.footer-top a:hover,
.footer-copy a:hover {
	text-decoration:underline;
}
.footer-top a {
	padding:0 0 10px;
}
.footer-col {
	display:inline-block;
	vertical-align: top;
	width:25%;
	box-sizing: border-box;
	padding:15px 35px 15px 0;
	text-align:left;
}
.footer-col h5 {
	font-size:18px;
	border-bottom:3px #FFF solid;
	width:80%;
	padding:0 0 5px;
	margin-bottom:10px;
}
.footer-col h6 {
	font-weight:600px;
	margin-bottom:10px;
}
.copy-plate {
	float:left;
}
.jude-plate {
	float:right;
	text-align:right;
}
/* ---------------------------------------------------------------- */
/* @@: Responsive Styles -- //
/* ---------------------------------------------------------------- */
@media only screen and (max-width:1667px){
  body,
	header {
    width:1440px;
  }
	header {
		margin-left:-720px;
	}
	.content.col2.single .content-col:nth-child(1){
	  width:calc(100% - 250px);
	  padding:0;
	}
	.content.col2.single .content-col:nth-child(2){
	  width:250px;
	}
  .headline h2{
    width:70%;
  }
  .headline p {
    width:50%;
  }
	.splash {
		height:70vh;
	}
}
@media only screen and (max-width:1467px){
	body,
	header {
		width:100%;
	}
	header {
		left:0;
		margin-left:0;
	}
	.content.col2 .content-col:nth-child(1),
	.news-col {
		width:calc(100% - 500px);
	}
	.content.col2 .content-col:nth-child(2),
	.news-col:last-child{
		width:500px;
	}
}
@media only screen and (max-width:1267px){
	.content.col2 .content-col:nth-child(1),
	.news-col {
		width:calc(100% - 400px);
		padding:0 50px 0 0;
	}
	.content.col2 .content-col:nth-child(2),
	.news-col:last-child {
		width:400px;
	}
}
@media only screen and (max-width:1067px){
	.content.col2 .content-col:nth-child(1),
	.content.col2 .content-col:nth-child(2),
	.content.col2.single .content-col:nth-child(1),
	.content.col2.single .content-col:nth-child(2),
	.news-item,
	.news-col,
	.news-col:last-child,
	.footer-col,
	.footer-copy,
	.copy-plate,
	.jude-plate {
		width:100%;
		display:block;
		padding:0 0 15px 0;
	}
.footer-col,
.footer-copy,
.copy-plate,
.jude-plate {
	text-align:center;
}
.footer-col h5 {
	width:100%;
}
.footer-col a,
.footer-col p {
	padding:0!important;
}
	.news-col:last-child {
		padding:25px 15px;
	}

	.content.col2 .content-col:nth-child(2) {
		padding:25px;
	}
	.news-item {
		padding-bottom:25px;
	}
	.headline h2,
	.headline p {
		width:100%;
	}
}