/*header {margin: 10px 230px 0 230px;
	width:180px;}*/
	
	body {margin: 0 auto; min-width: ;}
	* { 
	border-width: 0;
	box-sizing: border-box;
	background-color: #fffb00;
	font-family: arial;
	}
	
	#content {
	border-color: black;
	border-width: 1px;
	width: 900px;
  	margin: 0 auto;
	/*height: 100%;*/
	display: grid;
	    grid-template-columns: 16% 60% 24%;
		grid-template-rows: auto auto auto;
		grid-gap: 5px;
	}	
	
	h2 {display: none;}
	
	.left-item {
		padding: 5px;	
		font-family: monospace;
		font-size: 1.3em;	
	}
	
	.left-item > p {
	margin: 8px;
	padding: 5px;
	}
	
	.left-item, #main, #right-side {border-bottom-style: solid; border-bottom-width: 1px;}
	
	.left-item, #right-side	{
	/*border-left-style: solid;
	border-right-style: solid;*/
	border-style: solid;
	border-width: 1px;
	}
	
	a:link {color:black;}
	a:visited {color:grey;}
	
	.nav-links:link {text-decoration: none;}	
	.nav-links:visited {color:black;}
	.nav-links:hover {text-decoration:underline;}
	
	.nav-links {
	font-family: monospace;
	text-align: center;
	}
	
	#banner {width: 1080px;
	margin: 10px auto 0 auto;
	grid-column: 1/4;
	border-width: 1px;
	border-style: solid;
	}
	
	.box {
	border-width: 1px;
	padding: 12px;
	/*border-radius: 12px;*/
	margin: auto;
	}
	
	#right-side {
	border-left-style: solid;
	border-width: 1px;
	padding: 3px;
	display: flex;
	flex-direction: column;
	align-content: space-between;
	}
	
	#small-nav {
		display: none;
	    grid-template-column: 100%;
		text-align: center;
		}
	
	#footer {
		grid-column: 1/4;
		border-style: none;
		border-width: 0;
		margin-top: 3px;
		text-align: center;
		}
	
	div img {padding:2px;}
		
	#about {height: 175px;}
	
	.split {
			display: grid;
			grid-template-columns: 40% 60%;
			padding: 3px;
			margin: 10px;
			}
			
	.split > div {padding: 5px 10px 0 10px;}
	
	/*.featured {
		display: grid;
		grid-template-columns: 75% 25%;
		margin-top: 4px;
		margin-bottom: 8px;
		font-size: 0.9em;
		}*/
		
	/*.featured > a > img{
		width: 100%;
		}*/
	
	#featured {
		border-top-style: solid;
	}		
		
	#main {border-style: solid; border-width: 1px;}
	
	/*#middle { 
	display:grid;
	grid-template-columns: 60% 40%;
	}*/
		
	.title {
		*/font-size: 1.1em;*/
		margin: 5px 0;
	}
		
	@media screen and (max-width: 1000px) {
		body {display: 100%}
		#content {
		width: 100%;
        grid-template-columns: 20% 80%;
		grid-template-rows: auto;
		margin:0;
		}	
		#right-side {display: none;}		
	}	
	
	@media screen and (max-width: 600px) {
			#content {
				display: flex;
				flex-direction: column;
				}	
			#right-side {display: none;}
			.featured {grid-template-columns: 100%;}
			.split {grid-template-columns: 100%;}
			.nav-links {
				text-align: center;
				}
			.nav-links: hover {black;}
			.left-item {display: none;}
			#small-nav {display:block;}
			
			#small-nav > p {padding: 20px;}
			
			a:link: {text-decoration: none;}
			.nav-links:hover {background-color: black;}
			.nav-links:active {
				color: yellow;
				background-color: black;
				}
			.nav-links p {
				font-size: 1.3em; 
				border-style: solid;
				border-width: 1px;
				}
			p, a {font-size: 1.3em;}
			h3 {display: none;}
			h2 {display: block;}
			.featured {margin-bottom: 30px;}
			#about {height:auto; width:100%;}
			}
			
			h3 {font-family: "Orbitron", sans-serif;
			font-optical-sizing: auto;
			font-style: normal;
}

			/*#latest * {background-color: #e6e600;}*/
			#latest {
				/*background-color: #e6e600;*/ 
				border-style: solid;
				border-width: 1px;
				border-radius: 12px;
				}
		#buttons {text-align: center; margin-top: %; border-style: ;}
		
		
	#updates {
		/*border-style: solid;*/
		padding: 10px;
	}
	
	iframe {width: 100%;}