@charset "utf-8";
/* CSS Document */

@font-face{
	font-display:swap;
	font-family:Gilroy;
	font-style:normal;
	font-weight:400;
	src:url(fonts/Gilroy-Regular.woff2) format("woff2"),
		url(fonts/Gilroy-Regular.woff) format("woff");
}

@font-face{
	font-display:swap;
	font-family:Gilroy;
	font-style:normal;
	font-weight:500;
	src:url(fonts/Gilroy-Medium.woff2) format("woff2"),
		url(fonts/Gilroy-Medium.woff) format("woff");
}

@font-face{
	font-display:swap;
	font-family:Gilroy;
	font-style:normal;
	font-weight:600;
	src:url(fonts/Gilroy-SemiBold.woff2) format("woff2"),
		url(fonts/Gilroy-SemiBold.woff) format("woff");
}

@font-face{
	font-display:swap;
	font-family:Gilroy;
	font-style:normal;
	font-weight:700;
	src:url(fonts/Gilroy-Bold.woff2) format("woff2"),
		url(fonts/Gilroy-Bold.woff) format("woff");
}

@font-face{
	font-display:swap;
	font-family:Gilroy;
	font-style:normal;
	font-weight:800;
	src:url(fonts/Gilroy-ExtraBold.woff2) format("woff2"),
		url(fonts/Gilroy-ExtraBold.woff) format("woff");
}

@font-face{
	font-display:swap;
	font-family:Gilroy;
	font-style:normal;
	font-weight:900;
	src:url(inc/css/fonts/Gilroy-Black.woff2) format("woff2"),
		url(inc/css/fonts/Gilroy-Black.woff) format("woff");
}

html {
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4 {
	padding:0px;
	margin:0px;
}
body {
	font-family:'Gilroy', sans-serif;
	font-weight:500;
	color:#111111;
	background-color:#f5f3ee;
	font-size:18px;
	line-height:21px;
}




h1, h2, h3 { font-family: 'Gilroy',serif; padding-bottom:8px; }
h2 { line-height:26px; }
a { text-decoration:underline;color:#717133; }
.hover { cursor:pointer; }


h1 {
	font-size:68px;
	line-height:72px;
	font-weight:700;
	color:#3e3e15;
}
h2 {
	font-size:38px;
	line-height:44px;
	color:#000000;
	font-weight:800;
}

h3 {
	font-size:28px;
	line-height:32px;
	font-weight:700;
	color:#3e3e15;
}

ul li {
	margin-bottom:8px;
}

/* COLORS */
.Navy 		{ color:#15233c; }
.NavyBG		{ background-color:#15233c; }
.NavyGhost	{ color:#8aabca; }
.NavyGhostBG{ 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; }

.hem { max-width:1200px;} 
.hem2 { max-width:1600px;} 

@media (max-width:1460px) { 
	.hem { max-width:980px; } 
}

img { width:100%; }

.mobile {
	display:none;
}
.padd 	{ padding:15px; }
.pT		{ padding-top:30px; }
.pB		{ padding-bottom:30px; }

.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); 
	}
}

.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; }
	.mobile 		{ display:block; }
}
