html {}
body {font-family: sans-serif; font-size: 14px; line-height:1; color: #333; background-color: #fff}
h2, h3 {font-weight: 500; line-height: 1.1; margin-top: 20px; margin-bottom: 10px}
h2 {font-size: 24px}
h3 {font-size: 14px}
label.search {font-weight: bold; color: #fff;}
input, select, textarea, button {
	font-size: inherit;
	font-family: inherit;
}	
input[type="text"] {box-sizing: border-box; padding: 4px; outline: none; width: 400px;border: 1px solid #808080;}
form {display: block; width: 500px;}
form.search-frm {padding-top: 5px;}
.siteheader {position: absolute; top: 0px; width: 98vw; display:flex; flex-direction: row; background:#D24400; z-index: 1;}
.nav-top {position: absolute; top: 0px; left: 20vw; width: 78vw; display:flex; flex-direction: row; z-index: 100;}
.nav-menu {height: 80vh; overflow-y: auto;}
.menu-vis {visibility: hidden; }
.recipe-details h2 {color: #d24400}
.recipe-details h3 {color: #d24400}
.recipe-ingredients p {margin: 0}
.recipe-notes p {margin-top: 10px;}
.recipe-photo {width: 250px; height: 250px; margin-top: 20px; object-fit: cover}
.recipe-photos-div {width: 500px; height: 170px; margin-right: 5px; margin-bottom: 5px; display: inline-block}
.recipe-photos-div div {display:flex;flex-direction: row; width:500px}
.recipe-photos {width: 125px; height: 100%; padding-right:10px; object-fit: contain}
.navlink {display:block;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #D24400;text-decoration:none;color:black;}
.navleft-header {width:20vw; color:#fff; padding:10px; font-weight: bold;}
.main-container{position: absolute; top: 5vh; display:flex; width:95vw; height:90vh;}
.nav-container{width:20vw; padding:20px; overflow-y:auto;}
.recipe-container{width:80vw; padding:20px; overflow-y:auto;}
.overflow {height: 200px;}