@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
 html {
  font-family: "Goldman", sans-serif;
  font-weight: 400;
  font-style: normal;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.g,
.grid {
  margin: 0 0 0 -16px;
  display: block;
  list-style: none;
  zoom: 1;
}

.gc,
.grid__col {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 16px 16px;
  float: left;
}

.g:after,
.grid:after,
.g:before,
.grid:before {
  clear: both;
  content: " ";
  display: table;
}
body {
	background-color: lightgrey;
}
.story_link{
	color: black;
	text-decoration: none;
}
@media screen and (max-width: 540px){
	.m-1-of-6 {
		width: 98%;
		text-align: center;
		background-color: black;
		color: white;
		margin-bottom: 0px;
		margin-left: 1%;
		padding-bottom: 0px;
	}
	h1{
		font-size: 3.5em;
  		font-family: "MedievalSharp", cursive;
  		font-weight: bold;
  		font-style: normal;
	}
	#nav_bar{
		margin-bottom: 0px;
		margin-left: 0px;
		width: 100%;
		padding-bottom: 0px;
		background-color: black;
	
	}
	.nav_bar_select{
		padding-top: 0px;
		margin-top: 0px;

	}
	.nav_items{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 5px;
		background-color: rgba(151,150,150,1.00);
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
	}
	.nav_items_active{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 5px;
		background-color: lightgrey;
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
	}



	.m-3-of-6 {
 		margin-top: 5px;
		padding-top: 10px;
		width: 45%;
		margin-left: 0%
	}
	.n-1-of-3 {
		width: 100%;
		margin-left: 0%;
		margin-top: 25px;
		padding-bottom: 5px;
		
	}
	.n-2-of-3{
		width: 100%;
		margin-left: 0%;
		margin-top: 0px;
		padding-top: 0px;
	}
	.n-3-of-3{
		width: 100%;
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom-style: groove;
		border-bottom-width: 1px;
	}
	h2 {
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 175px;
	}

	#home_story_one {
	}
	#home_story_two{

	}
	#home_story_one_title{
		margin-bottom: 0px;
	}
	#home_story_two_title{
		margin-bottom: 0px;
	}
	.home_story_title{
		text-align: left;
		font-size: 1.5em;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 1.25em;
		margin-left: 0px;
		padding: 0px;
	}
	.bold_text{
		font-weight: bolder;
		font-size: 1em;
	}
	.home_story_pic{
		width: 100%;
		height: auto;
		border: 1px;
		border-style: solid;
		margin-top: 0px;
	}
	.photo_caption{
		font-size: .66em;
	}
	.home_story_leed{
		font-size: 1em;
		margin-top: 0px;
		padding: 0px;
	}
/*Updates*/
	.m-4-of-6 {
  		margin-top: 40px;
		padding: 5px;
		width: 30%;
		margin-left: 50px;
		background-color: rgba(255,255,255,0.50);
		border-radius: 0em;
		border-left-width: 0px;
		border-style: outset;
		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
	}
	h3 {
		text-align: center;
		font-size: 0.90em;
	}
	.update_text{
		padding-left: 5px;
		padding-right: 1px;
	}
	.m-5-of-6{
		width: 90%;
		margin-left: 1%;
		padding-left: 0px;
		
	}
	#upcoming_games{
		font-size: 2.5em;
		text-align: center;
		margin-bottom: 15px;
		color: red;
	}
	.game_preview_title{
		text-align: center;
		font-size: 1.5em;
		margin-bottom: 5px;
	}
	.g-1-of-6{
		width: 90%;
		height: auto;
		clear: both;
		
	}
	.g-2-of-6{
		width: 90%;
		height: auto;
		clear: both;	
	}
	.g-3-of-6{

		width: 90%;
		height: auto;
		clear: both;		
	}
	.g-4-of-6{
		width: 90%;
		height: auto;
		clear: both;		
	}
	.g-5-of-6{
		width: 90%;
		height: auto;
		clear: both;		
	}
	.g-6-of-6{
		width: 90%;
		height: auto;
		clear: both;		
	} 
	.preview_box {
	    width: 100%;
	    height: auto;
	    clear: right;
	}
	
/*Footer*/
	.m-6-of-6{
		width: 100%;
		margin-top: 20px;
		background-color: black;
		color: white;
	}
	.footer_list{
		list-style-type: none;
		text-align: center;
		margin-left: 0px;
	}
	.footer_items{
		display: inline-block;
		margin-right: 25px;
		margin-bottom: 25px;
		margin-top: 25px;
		font-weight: bold;
		text-shadow: 1px 1px 12px blue;
	}

}
@media screen and (min-width: 541px) and (max-width: 1279px){
	.m-1-of-6 {
		width: 100%;
		text-align: center;
		background-color: black;
		color: white;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	h1{
		font-size: 5em;
  		font-family: "MedievalSharp", cursive;
  		font-weight: Bold;
  		font-style: normal;
	}
	#nav_bar{
		margin-bottom: 0px;
		margin-left: 50px;
		width: 100%;
		padding-bottom: 0px;
		background-color: black;
	
	}
	.nav_bar_select{
		padding-top: 0px;
		margin-top: 0px;

	}
	.nav_items{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 10px;
		background-color: rgba(151,150,150,1.00);
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
		font-size: 2em
	}
	.nav_items_active{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 10px;
		background-color: lightgrey;
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
		font-size: 2em;
	}



	.m-3-of-6 {
 		margin-top: 5px;
		padding-top: 10px;
		width: 60%;
		margin-left: 1%
	}
	.n-1-of-3 {
		width: 45%;
		margin-left: 0%;
		margin-top: 30px;
	}
	.n-2-of-3{
		width: 45%;
		margin-left: 0%;
	}
	.n-3-of-3{
		width: 100%;
	}
	h2 {
		text-align: center;
		font-size: 3em;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 225px;
		margin-top: 100px
	}

	#home_story_one {

	}
	#home_story_two{

	}
	#home_story_one_title{
		margin-bottom: 0px;
	}
	#home_story_two_title{
		margin-bottom: 0px;
	}
	.home_story_title{
		text-align: left;
		font-size: 1.5em;
		margin-bottom: 5px;
		font-widht: bold;
	}
	.bold_text{
		font-weight: bolder;
	}
	.home_story_pic{
		width: 100%;
		height: auto;
		border: 1px;
		border-style: solid;
		margin-top: 0px;
	}
	.photo_caption{
		font-size: .80em;
	}
	.home_story_leed{
		font-size: 1em;
		margin-bottom: 25px;
		line-height: 1.25em;
		padding-bottom: 25px;
		border-bottom-style: groove;
	}

	.m-4-of-6 {
  		margin-top: 75px;
		padding-left: 15px;
		padding-right: 15px;
		width: 20%; 
		margin-left: 2%;
		margin-right: 2%;
		background-color: rgba(255,255,255,0.50);
		border-radius: 0em;
		border-left-width: 0px;
		border-style: outset;
		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		font-size: 1.25em;
		float: right;
	}
	h3 {
		text-align: center;
		font-size: 1.50em;
	}
	.update_text{
		padding-left: 5px;
		padding-right: 1px;
	}
	.m-5-of-6{
		width: 100%;
		
	}
	#upcoming_games{
		font-size: 2.5em;
		text-align: center;
	}
	.game_preview_title{
		text-align: center;
		font-size: 1.5em;
		margin-bottom: 5px;
	}
	.g-1-of-6{
		width: 45%;
		height: auto;
		
	}
	.g-2-of-6{
		width: 45%;
		height: auto;
		
	}
	.g-3-of-6{
		width: 45%;
		height: auto;
		
	}
	.g-4-of-6{
		width: 45%;
		height: auto;
		
	}
	.g-5-of-6{
		width: 45%;
		height: auto;
		
	}
	.g-6-of-6{
		width: 45%;
		height: auto;
		
	}
	
/*Footer*/
	.m-6-of-6{
		width: 100%;
		margin-top: 20px;
		background-color: black;
		color: white;
	}
	.footer_list{
		list-style-type: none;
		text-align: center;
		margin-left: 0px;
	}
	.footer_items{
		display: inline-block;
		margin-right: 25px;
		margin-bottom: 25px;
		margin-top: 25px;
		text-shadow: 1px 1px 12px blue;
	}
}
@media screen and (min-width:1280px) and (max-width: 1929px){
	.m-1-of-6 {
		width: 100%;
		text-align: center;
		background-color: black;
		color: white;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	h1{
		font-size: 5em;
  		font-family: "MedievalSharp", cursive;
  		font-weight: Bold;
  		font-style: normal;
	}
	#nav_bar{
		margin-bottom: 0px;
		margin-left: 50px;
		width: 100%;
		padding-bottom: 0px;
		background-color: black;
	
	}
	.nav_bar_select{
		padding-top: 0px;
		margin-top: 0px;

	}
	.nav_items{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 10px;
		background-color: rgba(151,150,150,1.00);
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
		font-size: 2em
	}
	.nav_items_active{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 10px;
		background-color: lightgrey;
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
		font-size: 2em;
	}



	.m-3-of-6 {
 		margin-top: 5px;
		padding-top: 10px;
		width: 70%;
		margin-left: 3%
	}
	.n-1-of-3 {
		width: 40%;
		margin-left: 0%;
		float: left;
	}
	.n-2-of-3{
		width: 45%;
		margin-left: 0%;
		float: right;
	}
	.n-3-of-3{
		width: 45%;
		float: right;
		clear: both;
	}
	h2 {
		text-align: center;
		font-size: 4em;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 225px;
		margin-top: 100px;
	}

	#home_story_one {
	}
	#home_story_two{
	}
	#home_story_one_title{
		margin-bottom: 0px;
	}
	#home_story_two_title{
		margin-bottom: 0px;
		margin-top: 70px
	}
	.home_story_title{
		text-align: left;
		font-size: 2.75em;
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-widht: bold;
		padding-left: 5px;
		width: 100%;
	}
	.bold_text{
		font-weight: bolder;
	}
	.home_story_pic{
		width: 100%;
		height: auto;
		border: 1px;
		border-style: solid;
		margin-top: 75px;
	}
	.photo_caption{
		font-size: 0.80em;
		width: 100%;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	.home_story_leed{
		font-size: 1.5em;
		margin-bottom: 5px;
		line-height: 1.5em;
		padding-bottom: 25px;
	}
	.n-1-of-3{
		width: 50%;
		clear: left;
	}
	.n-2-of-3{
		width: 40%;
		margin-left: 3%;
		margin-top: 0px;
	}
	.n-3-of-3{
		width: 100%;
		margin-left: 3%;
		clear: right;
	}
/*Updates*/
	.m-4-of-6 {
  		margin-top: 75px;
		padding-left: 15px;
		padding-right: 15px;
		width: 15%; 
		margin-right: 1%;
		background-color: rgba(255,255,255,0.50);
		border-radius: 0em;
		border-left-width: 0px;
		border-style: outset;
		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		font-size: 1.25em;
		float: right;
	}
	h3 {
		text-align: center;
		font-size: 2em;
	}
	.update_text{
		padding-left: 5px;
		padding-right: 1px;
		font-size: 1em;
	}
	
/*waitlist*/
	.m-5-of-6{
		width: 100%;
		border-top-style: groove;
		margin-top: 75px;
		margin-left: 0%;
		
	}
	#upcoming_games{
		font-size: 2.5em;
		text-align: left;
	    width: 50%;
	    margin-left: 25%;
	}
	.game_preview_title{
		text-align: center;
		font-size: 1.5em;
		margin-bottom: 5px;
	}
	.g-1-of-6{
		width: 650px;
		height: auto;
	}
	.g-2-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-3-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-4-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-5-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-6-of-6{
		width: 650px;
		height: auto;
		
	}
	
/*footer*/
	.m-6-of-6{
		width: 100%;
		margin-top: 20px;
		background-color: black;
		color: white;
	}
	.footer_list{
		list-style-type: none;
		text-align: center;
		margin-left: 0px;
	}
	.footer_items{
		display: inline-block;
		margin-right: 25px;
		margin-bottom: 25px;
		margin-top: 25px;
		text-shadow: 1px 1px 5px blue;
	}	
}
@media screen and (min-width:1930px){
	.m-1-of-6 {
		width: 100%;
		text-align: center;
		background-color: black;
		color: white;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	h1{
		font-size: 5em;
  		font-family: "MedievalSharp", cursive;
  		font-weight: Bold;
  		font-style: normal;
	}
	#nav_bar{
		margin-bottom: 0px;
		margin-left: 50px;
		width: 100%;
		padding-bottom: 0px;
		background-color: black;
	
	}
	.nav_bar_select{
		padding-top: 0px;
		margin-top: 0px;

	}
	.nav_items{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 10px;
		background-color: rgba(151,150,150,1.00);
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
		font-size: 2em
	}
	.nav_items_active{
		list-style-type: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 10px;
		background-color: lightgrey;
		padding: 20px;
		color: black;
		font-weight: bold;
		float: left;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 1em;
		font-size: 2em;
	}



	.m-3-of-6 {
 		margin-top: 5px;
		padding-top: 10px;
		width: 70%;
		margin-left: 3%
	}
	.n-1-of-3 {
		width: 45%;
		margin-left: 0%;
		float: left;
		clear: left;


	}
	.n-2-of-3{
		width: 45%;
		margin-left: 0%;
		margin-top: 50px;
		float: right;

	}
	.n-3-of-3{
		width: 45%;
        float: right;
        clear: right;
	}
	h2 {
		text-align: center;
		font-size: 4em;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 225px;
		margin-top: 100px;
	}

	#home_story_one {
	}
	#home_story_two{
	}
	#home_story_one_title{
		margin-bottom: 0px;
	}
	#home_story_two_title{
		margin-bottom: 0px;
		margin-top: 70px
	}
	.home_story_title{
		text-align: left;
		font-size: 2.5em;
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-weight: bold;
		padding-left: 5px;
	}
	.bold_text{
		font-weight: bolder;
	}
	.home_story_pic{
		width: 90%;
		height: auto;
		border: 1px;
		border-style: solid;
		margin-top: 75px;
	}
	.photo_caption{
		font-size: 0.80em;
		width: 100%;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	.home_story_leed{
		font-size: 1em;
		margin-bottom: 5px;
		line-height: 1.5em;
		padding-bottom: 25px;
	}

/*Updates*/
	.m-4-of-6 {
  		margin-top: 75px;
		padding-left: 15px;
		padding-right: 15px;
		width: 15%; 
		margin-right: 1%;
		background-color: rgba(255,255,255,0.50);
		border-radius: 0em;
		border-left-width: 0px;
		border-style: outset;
		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
		font-size: 1.25em;
		float: right;
	}
	h3 {
		text-align: center;
		font-size: 2em;
	}
	.update_text{
		padding-left: 5px;
		padding-right: 1px;
		font-size: 1em;
	}
	
/*waitlist*/
	.m-5-of-6{
		width: 100%;
		border-top-style: groove;
		margin-top: 75px;
		margin-left: 5%;
		
	}
	#upcoming_games{
		font-size: 2.5em;
		text-align: center;
	}
	.game_preview_title{
		text-align: center;
		font-size: 1.5em;
		margin-bottom: 5px;
	}
	.g-1-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-2-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-3-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-4-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-5-of-6{
		width: 650px;
		height: auto;
		
	}
	.g-6-of-6{
		width: 650px;
		height: auto;
		
	}
	
/*footer*/
	.m-6-of-6{
		width: 100%;
		margin-top: 20px;
		background-color: black;
		color: white;
	}
	.footer_list{
		list-style-type: none;
		text-align: center;
		margin-left: 0px;
	}
	.footer_items{
		display: inline-block;
		margin-right: 25px;
		margin-bottom: 25px;
		margin-top: 25px;
		text-shadow: 1px 1px 5px blue;
	}	
}