* {box-sizing: border-box;}
body {background-color:#292e48;margin:0px}

header {width:100%;color:black;background-color:white;clear:both;overflow:hidden;text-align: center;letter-spacing: 8px;font-size: 2em;font-weight:bolder;vertical-align:text-top;align-items: center;font-family:Georgia, Garamond, serif;transition: 0.5s;z-order:1;}

#topImage {
	background-image: url("MitchelCreek.jfif");
	height:50px;
	font-size:0em;
	color:white;
	text-align:left;
	font-weight:bold;
	padding:5px;
	padding-top:32px;
	font-family:Georgia, Garamond, serif;
	border-bottom:solid black 5px;
	transition:0.5s;
}

.sticky{position: -webkit-sticky;position: sticky;top:0;}




/*top nav*/
.topnav {background-color:darkkhaki;padding:10px}
.hnavbar {display:inline-block;color:white;background-color:gray;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;white-space:nowrap;border-radius:5px;margin-bottom:5px;}
.hnavbar:hover {background-color:lightcyan;color:black;cursor:pointer;}
.sign {background-color:lightsteelblue}
.hnavbarcurrent {background-color:LemonChiffon;color:black;}

/*page main content*/
.leftdecoration{
	float:none;
	width:100%;
	font-size:1.2em;
	text-align:center;
	font-family: Garamond, serif;
	border-radius:20px;
	color:white;
	background-color:steelblue;
	padding:10px;
}
.rightinfo{float:none;width:100%;padding:10px;
}


.infoelement{display:block;color:black;background-color:white;text-align:left;padding:15px;overflow:auto;border-radius:10px;margin:10px;}

/*page with side navigation options*/
.sidenav {width: 100%;background-color:black;overflow-x: hidden;padding:5px;float:left;}
.sidenavlink {padding: 10px;text-decoration: none;color:white;display: block;}
.sidenavlink:hover {color: black;background-color:PaleTurquoise;cursor:pointer;}
.sidenavcurrent{background-color:LightCyan;color:black;}

.rightfeature {margin-left:15px;width: 100%;float:left;}



@media (min-width: 800px) {
	/* For desktop: */
	.sidenav {width: 160px;background-color:black;overflow-x: hidden;padding:5px;float:left;}
	.sidenavlink {padding: 10px;text-decoration: none;color: white;display: block;}
	.sidenavlink:hover {color: black;background-color:PaleTurquoise;cursor:pointer;}
	.rightfeature {margin-left:15px;width: calc(100% - 175px);float:left;}
	
	
	.leftdecoration{
		float:left;
		width:200px;
	}
	.rightinfo{float:left;width:calc(100% - 200px);padding-left:15px;}

}