body {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.2px;
	color:var(--dark);


}

h1,
h2,
h3,
h4
 {
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom:var(--gap);
	margin-top:0;
}
h5,
h6{
	font-family: "Lobster", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom:var(--gap);
	margin-top:0;
}

h1 {
	font-size: 75px;
	line-height: 75px;
	letter-spacing: -3px;
}

h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -2px;
}

h3 {
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -2px;
}

h4 {
	font-size: 45px;
	line-height: 45px;
	font-weight: 500;
	letter-spacing: -1px;
}

h5 {
	font-size: 37px;
	line-height: 45px;
	letter-spacing: -1px;
	color:var(--gold);
}




h6 {
	font-size: 28px;
	line-height: 30px;
	color:var(--red);
}

p, ul li, li {
	font-size: 16px;
	line-height: 25px;
}

p{

	margin:0 0 30px 0;
}

blockquote{
	margin:0;
	padding:0 20px;
}



blockquote p{
	border-left:4px solid var(--red);
	padding-left:20px;
	font-style:italic;
}

.banner h5{
	margin-bottom:20px;
}

#hero h1{

	font-size:120px;
	line-height:110px;
	margin:0;
}

.banner h1{
	font-size:100px;
	line-height:100px;
}

.banner.less_height  h1{
	margin-bottom:0;
}
.subtitle{
	font-size:19px;
	font-weight:600;
	line-height:26px;
}
#modalcontent h6{
	font-weight:600;
	font-size: 24px;
	line-height: 30px;
	font-family: "Inter", sans-serif;
	margin-bottom:var(--gap);
	letter-spacing: -.5px;
}

#modalcontent h6{
	color:var(--dark);
	margin-top:0;
}

.card_title{
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: -1.5px;
	color:var(--light);
}



a {
	text-decoration: none;
	color:var(--dark);
}



ul {}

ol {}

ul li {}

ol li {}

@media only screen and (min-width: 1800px){
	#hero h1 {
		font-size: 160px;
		line-height: 150px;
	}

	h1 {
		font-size: 85px;
		line-height: 85px;
	}
	h2 {
		font-size: 70px;
		line-height: 70px;
		letter-spacing: -2px;
	}
	h3 {
		font-size: 60px;
		line-height: 60px;
		letter-spacing: -2px;
	}
	.subtitle {
		font-size: 22px;
		line-height: 32px;
	}
	p, ul li, li {
		font-size: 18px;
		line-height: 28px;
	}
	.banner h1 {
		font-size: 120px;
		line-height: 120px;
	}
	.card_title{
		font-size:40px;
		line-height:40px;
	}
}

@media only screen and (max-width: 1400px) {

	.card_title{


		font-size:30px;
		line-height:30px;
	}
}
@media only screen and (max-width: 1200px) {

	h3 {
		font-size: 40px;
		line-height: 40px;
		letter-spacing: -2px;
	}

}
@media only screen and (max-width: 1024px) {

	h1 {
		font-size: 55px;
		line-height: 55px;
	}

	h2 {
		font-size: 40px;
		line-height: 50px;
	}

	h3 {
		font-size: 35px;
		line-height: 35px;
	}

	h4 {
		font-size: 30px;
		line-height: 30px;
	}

	h5 {
		font-size: 30px;
		line-height: 30px;
	}

	h6 {
	}
	.card_title{


		font-size:25px;
		line-height:25px;
	}
	.banner h1 {
		font-size: 80px;
		line-height: 80px;
	}
	#hero h1{
		font-size:100px;
		line-height:90px;
	}

}


@media only screen and (max-width: 768px) {

	h1 {
		font-size: 60px;
		line-height: 60px;
	}

	h2 {
		font-size: 50px;
		line-height: 50px;
	}

	h3 {
		font-size: 35px;
		letter-spacing: -1.5px;
		line-height: 35px;
	}

	h4 {
		font-size: 33px;
		line-height: 33px;
	}

	h5 {
		font-size: 25px;
		line-height: 30px;
	}

	h6 {
		font-size: 25px;
		line-height: 25px;
	}
	.subhead{

		font-size:16px;
		line-height:22px;
	}
	p, ul li, li{

	font-size: 14px;
	line-height: 23px;
	}
	.banner h1 {
		font-size: 80px;
		line-height: 80px;

	}
	.subtitle{
		 font-size: 17px;
		 line-height: 26px;
		 font-weight: 400;
	  }

}


@media only screen and (max-width: 600px) {
  #hero h1{
	  font-size:80px;
	  line-height:70px;
  }
  .home h1 {
	  font-size: 60px;
	  line-height: 60px;
	  margin-bottom: 30px;
  }
  p{
	  margin-bottom:20px;
  }
  #modalcontent h1{

		  font-size: 60px;
		  line-height: 60px;

  }
  section.split .splitmedia .image_2 {
	  margin-top: 10px;
	  max-width: 60%;
  }
  section.text .subtitle{
	  font-weight:600;
  }
  h1{
	  font-size: 50px;
		line-height: 50px;
  }
  h6 {
	  font-size: 21px;
	  line-height: 25px;
  }
  .home .row-4 h1{
	  font-size:50px;
  }

  .subhead, #modalcontent h6{
  font-size: 20px;
  line-height: 25px;
  }
  #schedule p, #schedule ul li, #schedule li{
	  font-size:13px;
	  line-height:19px;
  }
  .banner h1 {
	  font-size: 60px;
	  line-height:60px;
  }
  blockquote {
	  padding: 0 20px 0 0;
  }
}

@media only screen and (max-width: 360px) {
	#hero h1 {
		font-size: 70px;
		line-height: 60px;
	}
}