body {
	margin:0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", sans-serif;
	font-weight: "Thin"; 
	background-color: rgba(246,246,246,1);
	line-height: 1.5;
}

.light {
	display: block;
}
.dark {
	display: none;
}
.main {
	background-color: rgba(246,246,246,1);
	width:100%;	
	float:left;
}

.grid {
	width:100%;
	margin-top:1.5%;
	display: grid;
	grid-column-gap: 30px;
	grid-auto-rows: 1fr;
	grid-row-gap: 30px;
	border-radius: 25px;
}

#awards {
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	margin-top:25px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

figure {
	margin:0;
}

#heading {
	font: -apple-system-headline;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", sans-serif;
    font-size: 25pt;
    font-weight: bold;
    margin-bottom: 5.25pt;
}

.content {
	width: 70%;
	/*float:left;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}
.contentSpacer {
	width: 40%;
	float:right;
}

.content a {
	text-decoration: none;
	color: rgba(20,20,20,1);
}
.content a:hover {
		color: rgba(0,0,0,1);
		border-bottom: 1px solid #000;
}


#lightBody {
	font: -apple-system-body;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", sans-serif;
    font-size: 14pt;
    font-weight: lighter;
    margin-bottom: 31.25pt;
    line-height:1.5;
}

#link {
	font: -apple-system-subtitle;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", sans-serif;
    font-size: 15pt;
    font-weight: bold;
}

#body {
	font-weight: regular;
	font-size: 12pt;
    line-height: 1.5;
	margin-bottom: 20pt;
	width: 90%;
}

.container{
	margin-left:auto;
	margin-right:auto;
	width:76%;
}

.header{
	width:100%;
	float:left;
	margin-top:5%;
}

.headerImg{
	width:30%;
	/*float: left;*/
	margin-left:auto;
	margin-right: auto;
}

.contentGrid{
	width:100%;
	float:left;
}

.headerGrid{
	width:100%;
	float:left;
}

.left{
	width:48.5%;
	margin-right:3%;
	float:left;
	padding-bottom:2%;
}

.right{
	width:48.5%;
	float:right;
}

.left_20{
	width:20%;
	margin-right:3%;
	float:left;
}

.right_80{
	width:77%;
	float:right;
}

.left_80{
	width:77%;
	margin-right: 1%;
	float:left;
	border-right: 2px solid #dddd;
}

.right_20{
	width:20%;
	float:right;
}


.contentGrid img {
	border-radius: 15px;
	transform-origin: center;
	transform: scale(1);
}


.contentGrid a img {
	border-radius: 15px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	transform-origin: center;
	transform: scale(1);
	-webkit-transition: box-shadow 0.25s, transform 0.25s;
}

.contentGrid a img:hover {
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	transform-origin: center;
	transform: scale(0.98);
	-webkit-transition: box-shadow 0.25s, transform 0.25s;
}

.grid figure a img {
	border-radius: 15px;
	box-shadow: 0;
}

.grid figure a img:hover {
	box-shadow: 0;
}


#fiveColumn {
	grid-template-columns: repeat(5, 1fr);
}

.threeLeft {
	width:32%;
	margin-right:2%;
	float:left;
	padding-bottom:2%;
}

.threeMid {
	width:32%;
	margin-right:2%;
	float:left;
	padding-bottom:2%;
}

.threeRight {
	width:32%;
	float:right;
}

.footer{
	width:100%;
	background-color: rgba(42,42,42,1);
	float:left;
	margin-top:5%;
	font-size:100%;
}

.footerText{
	padding-top:6%;
	padding-bottom:4%;
	width:80%;
	text-align:right;
	color:#fff;

}

@media (hover: none) {
	
	#body {
		font: -apple-system-body;
	}
	
	#heading {
		font: -apple-system-subtitle;
	}
	
	#lightBody {
		font: -apple-system-body;
	}
	
	#link {
		font: -apple-system-subtitle;
	}
	
} 

@media all and (max-width: 735px) {
	
	.container {
		width: 90%;
	}
	
	.content {

	width: 100%;
	float:left;
	
	}
	
	.left {
		width:100%;
		margin-right:0%;
		float:left;
		margin-bottom: 25px;
		padding-bottom:2%;
	}
	
	.right {
		width:100%;
		float:left;
				margin-bottom: 25px;
	}
	
	.left_20{
		width:45%;
		margin-right:3%;
		float:left;
	}
	
	.right_80{
		width:100%;
		float:left;
		margin-bottom: 16px;
		margin-top: 16px;
	}
	
	.left_80{
		width:100%;
		margin-right: 0;
		float:left;
		border-right: 0px solid color(srgb 0 0 0 / 0);
	}
	
	.right_20{
		width:70%;
		float:left;
	}
	
	
	.headerImg{
		width:80%;
		/*float: left;*/
		margin-left: auto;
		margin-right: auto;
	}
	
	#fiveColumn {
		grid-template-columns: repeat(1, 1fr);
	}
	
.threeLeft {
	width:100%;
	margin-right:0%;
	float:left;
			margin-bottom: 25px;
}

.threeMid {
	width:100%;
	margin-right:0%;
	float:left;
	padding-bottom:2%;
			margin-bottom: 25px;
}

.threeRight {
	width:100%;
	float:right;
			margin-bottom: 25px;
}

.grid {
	display: grid;	
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-auto-rows: 0fr;
}

#body {
	width: 100%;
}


}

@media (prefers-color-scheme: dark) {
	body {
		background-color: rgba(20,20,20,1);	
		color: #FFF;
	}
	.main {
	background-color: rgba(20,20,20,1);
	}
	
	
	.light {
	display: none;
	}

.dark {
	display: block;
}

.content a {
	text-decoration: none;
	color: rgba(240, 240, 240, 1);
}
.content a:hover {
		color: rgba(255,255,255,1);
		border-bottom: 1px solid #FFF;
}