@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;
}


@media screen and (max-width: 540px){
	.m-1-of-6 {
		width: 100%;
		text-align: center;
		background-color: black;
		color: white;
		margin-bottom: 0px;
		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-2-of-6{
		width: 90%;
		margin-left: 5%;
	}
	.img_box{
		width: 90%;
		margin-left: 5%;
		margin-bottom: 15px;
		background-color: rgba(255,255,255,0.47);
		padding: 1px;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
	}
	#main_img_box{
		width: 100%;
		margin-left: 0%;
		float: left;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.photo_caption{
		font-size: 0.8em;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-left: 2px;
		padding-right: 2px;
		padding: 3px;
		width: 100%;
		text-align: left;
	}
	h2{
		font-size: 1.50em;
		font-weight: 600;
		margin-top: 20px;
	}
	.article_by_line{
		font-weight: bold;
		margin-left: 5%;
		margin-top: 5px;
		margin-bottom: 5px;
	}	
	.article_page_leed{
		font-style: italic;
	}
	p{
		font-size: 1.15em
	}
	.text_emphasis{
		font-weight: 800;
		font-size: 1.25em
	}
	
	
/*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-2-of-6{
		width: 90%;
		margin-left: 5%;
	}
	.img_box{
		width: 90%;
		margin-left: 5%;
		margin-bottom: 15px;
		background-color: rgba(255,255,255,0.47);
		padding: 1px;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
	}
	#main_img_box{
		width: 100%;
		margin-left: 0%;
		float: left;
		margin-top: 50px;
		margin-bottom: 25px;
	}
	.photo_caption{
		font-size: 0.8em;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 5px;
		width: 100%;
		text-align: left;
	}
	h2{
		font-size: 2.5em;
		font-weight: 600;
		margin-top: 20px;
	}
	.article_by_line{
		font-weight: bold;
		margin-left: 5%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.article_page_leed{
		font-style: italic;
	}
	p{
		font-size: 1.25em;
		line-height: 1.5;
	}
	.text_emphasis{
		font-weight: 800;
		font-size: 1.5em
	}
	
	
/*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: 1280px){
	.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: 100px;
		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-2-of-6{
		width: 80%;
		margin-left: 10%;
	}
	.img_box{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 15px;
		background-color: rgba(255,255,255,0.47);
		padding: 1px;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
	}
	#main_img_box{
		width: 100%;
		margin-left: 0%;
		float: left;
		margin-top: 50px;
		margin-bottom: 25px;
	}
	.photo_caption{
		font-size: 0.8em;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-left: 5px;
		padding-right: 2px;
		padding-bottom: 10px;
		width: 100%;
		text-align: left;
	}
	h2{
		font-size: 3em;
		font-weight: 600;
		margin-top: 20px;
	}
	.article_by_line{
		font-size: 1.5em;
		font-weight: bold;
		margin-left: 5%;
		margin-top: 5px;
		margin-bottom: 50px;
	}
	.article_page_leed{
		font-style: italic;
	}
	p{
		font-size: 1.5em;
		line-height: 1.5;
	}
	.text_emphasis{
		font-weight: 800;
		font-size: 1.5em
	}
	
	
/*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;
	}
}