@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'BigNoodleTitling';
    src: url('fonts/big_noodle_titling.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

:root {
 --ltgray: #f1f1f1;
 /*  --fontgray: #868788; */
  --gray: #D0D0D0;
  --fontgray: #706F6F;
  --white: #ffffff;
  --green: #00998c;
  --blue: #0072bc;
}
body {
	margin:0;
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	color: var(--fontgray);
}
.clearall {
	clear:both;
}
.hero {
	background-image: url("hero.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom:solid 7px var(--blue);
}
/*.herogrid {
	display: grid;
	grid-template-columns: 40% 60%;
	align-items: center;
}*/
.herocontent {
	max-width:1500px;
	float:right;
}
.herogrid {
	display: flex;
	justify-content: flex-end;
	align-items:center;
}
.heroimg {
	width:100%;
}
.tssimg {
	width:300px;
}
.heroleft {
	padding:25px 0 0 50px;
	
}

@media screen and (min-width: 1100px) {
	.heroleft {
		white-space: nowrap;
	}
}

.heroone {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:7rem;
	text-transform:uppercase;
	line-height:5rem;
	color: #000000;
	padding:25px 0 0 50px;
}
.herothree {
	font-size:1.25rem;
	font-weight:700;
	padding:25px 0 35px 50px;
}
.content {
	background-image: url("cont.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:50px 25px 0  25px;
	color: #000000;
}
.gridtwo {
	max-width:1200px;
	margin:auto;
	display: grid;
	grid-template-columns: 50% 50%;
}
.contentone {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:5rem;
	text-transform:uppercase;
	line-height:3rem;
	color: #000000;
	padding:25px 0 0 0;
}
.bluetext {
	color: var(--blue);
}
.cta {
	font-family: BigNoodleTitling, Arial, sans-serif;
	font-size:3rem;
	text-transform:uppercase;
	line-height:0;
	color: #000000;
	padding:25px 0 0 40px;
	white-space: nowrap;
}
.disclaimers {
	max-width:1200px;
	margin:auto;
	font-size:.75rem;
	text-align:center;
	padding:50px 25px 10px  25px;
}
.container {
	max-width:1500px;
	margin:auto;
	padding:10px 25px 10px  25px;
}
.blackfoot {
	background-color:#000000;
	padding:15px 0 25px 0;
	color:#ffffff;
	font-size:.85rem;
}
.blackfoot a {
	color:#ffffff;
	text-decoration:none;
}
.blackfoot a:hover {
	color:var(--gray);
	text-decoration:underline;
}
.blackfootgrid {
	display:grid;
	grid-template-columns: 60% 1fr;
}
.blackfooterbox2 {
	text-align:right;
}
.confirmation {
	padding:25px 0 25px 50px;
	font-size:1.25rem;
}
.conbody {
	height:100vh;
	display:flex;
	flex-flow:column;
}
.concontent {
	background-image: url("cont.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:50px 25px 0  25px;
	color: #000000;
	flex:1;
}

@media screen and (max-width: 1100px) {
	.herogrid {
		display:block;
	}
	.gridtwo {
		display:block;
	}
	.blackfootgrid {
		display:block;
	}
	.heroone {
		font-size:9rem;
		line-height:8rem;
		padding:25px 0 0 0;
		text-align:center;
	}
	.herothree {
		font-size:3rem;
		font-weight:700;
	}
	.contentone {
		font-size:6rem;
		line-height:5rem;
		text-align:center;
	}
}