@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4, ul {
	padding:0px;
	margin:0px;
}
body {
	font-family:'Raleway', sans-serif;
	font-weight:500;
	color:#273755;
	font-size:14px;
	line-height:24px;
}
.Syl {
	font-family: 'Sylfaen',serif;
}

h1, h2, h3 { font-family: 'Sylfaen',serif; padding-bottom:8px; }
h2 { line-height:26px; }
a { text-decoration:none;color:#8aabca; }
.hover { cursor:pointer; }
		
/* COLORS */
.Navy 		{ color:#15233c; }
.NavyBG		{ background-color:#15233c; }
.Cornflower	{ color:#8aabca; }
.CornflowerBG{ background-color:#8aabca; }
.White		{ color:#FFFFFF; }
.WhiteBG	{ background-color:#FFFFFF; }
.BlackBG	{ background-color:#000000; }
.Tan 		{ color:#d9d0c3; }
.TanBG		{ background-color:#fff6ea; }

.quote { font-style:italic; }

.flushRight  { right:0px; }
.flushTop 	 { top:137px; }
.flushLeft 	 { left:0px; }
.flushBottom { bottom:0px; }

.L { text-align:left; }
.R { text-align:right; }
.C { text-align:center; }
.VC { align-self: center; }

.hemnav { max-width:1750px; } 
.hem { max-width:1180px; } 
.hem2 { max-width:1440px; } 

@media (max-width:1460px) { 
	.hem { max-width:980px; } 
}

img { width:100%; }

.padd 	{ padding:15px; }
.pT		{ padding-top:30px; }
.pB		{ padding-bottom:30px; }
.pR 	{ padding-right:15px; }
.pL 	{ padding-left:15px; }
.grid2, .grid2n, .grid3, .grid4, .grid5 { width: 100%; display: grid; display:-ms-grid; grid-column-gap: 0px; grid-row-gap: 0px; }

.grid2, .grid2n {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2,1fr);
}
.grid3 {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3,1fr);
}
.grid4 {
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4,1fr);
}
.grid5 {
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5,1fr);
}
.span2 { grid-column: span 2; }
.span3 { grid-column: span 3; }
.span4 { grid-column: span 4; }
.span5 { grid-column: span 5; }

@media (max-width:560px) { 
	.grid2, .grid3, .grid4, .grid5, .menugrid { 
		-ms-grid-columns: (1fr)[1]; 
		grid-template-columns: repeat(1,1fr); 
	}
	.span2, .span3, .span4, .span5 { grid-column: span 1; }
}

.posText { position:absolute;bottom:100px;z-index:8; }
.placeRight { right:100px; }
.placeLeft { left:100px; }

.op0 	{ opacity:0; }
.op20 	{ opacity:0.2; }
.op40 	{ opacity:0.4; }
.op60 	{ opacity:0.6; }
.op80 	{ opacity:0.8; }
.op100 	{ opacity:1; }
.fullzero { display:none;opacity:0; }

@media (max-width:560px) {
	.posText 		{ bottom:0px;right:0px;left:0px;width:100%; }
	.desktopBuff 	{ padding:0px; }
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

h1 {
	font-size:68px;
	line-height:72px;
	font-weight:300;
}
h2 {
	font-size:30px;
	line-height:32px;
	font-weight:400;
}

h3 {
	font-size:23px;
	line-height:24px;
	font-weight:400;
	font-family:'Raleway';
}

.nav li {
	display:inline-block;
	list-style-type: none;
	padding-left:20px;
	color: #243451;
}
li a {
	color: #243451;
}

ul {
	padding-right:40px;
}

.navLogo {
	float:left;margin-top:-70px;max-width:572px;
}

#navMobHover {
	position:fixed;top:0px;right:0px;width:100%;background-color:#243451;color:#FFFFFF;
}

#navMob, #navMobHover {
	display:none;
}

@media (max-width:1030px) { 
	.navLogo { max-width:228px; } 
}

.f48 {
	font-size:48px;
	line-height:52px;
}
.bottomBox {
	max-width:280px;
	color:#FFFFFF;
	text-align:left;
}

.mobNavItem {
	color:#FFFFFF;
	line-height:30px;
	font-size:20px;
	font-family: 'Sylfaen',serif;
	border-bottom:1px solid #30456c;
	padding:10px 15px;
}
.mobNavItem a { color:#FFFFFF; }

.head {
	background-image:url(/img/HomeHeadBG.jpg);
	background-size:cover;
	background-position:center top;
	width:100%;
	height:576px;
}
.byline {
	background-color:#15233c;color:#FFFFFF;text-align:center;font-size:12px;line-height:20px;
}
.footer {
	background-color:#15233c;padding-top:60px;padding-bottom:60px;
}
.footnav { text-align:right; }
.footlogo { text-align:left; }

@media (max-width:688px) { 
	#navDesk { display:none; }
	#navMob {  display:block; }
	h1 {
		font-size:48px;
		line-height:50px;
		font-weight:300;
	}
	.head {
		height:356px;
	}
	.footnav, .footlogo {
		text-align:center;
	}

}