*
{ 
	box-sizing: border-box; 
}

@media (max-width: 480px)
{
	nav
{
	float: center;
	width: 100%;
	background-color: #99BBBB;
	height: 20%;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;

}

#wrapper
{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	height: 650px;
}

header
{
	background-color: #99BBBB;
	height: 10%;
	text-align: center;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

main
{
	background-color: #DDDDDD;
	height: 90%;
	overflow: auto;
	opacity: .9;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
	font-size: 125%;
}

body
{
	background-image: url(fern.jpg);
	background-repeat: no-repeat;
}

footer
{
	text-align: center;
	background-color: #99BBBB;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#agevalue 
{
	width: 1.7em;
}

tr:first-of-type
{
	background-color: #77AAAA;
}

table
{
	margin-top: 5%;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

td
{
	border: 1px solid #000000;
	text-align: center;
}

hr
{
	width :80%;
}

input
{
	margin: 1%;
}

#recipeIn
{
	width: 60%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#recipe
{
	padding-bottom: 5px;
}

#recipeTable
{
	width: 45%;
}

li
{
	width: 70%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
#little
{
	width: 90%;
	margin-right: auto;
	margin-left:auto;
}

#home
{
	margin: 1.5%;
}
#thanks
{
	margin-top: 30%;
}
#short
{
	width: 50%;
}

#RecPic
{
	max-width: 50%;
	max-height:50%;
}
}

@media (max-width: 768px)
{
	nav
{
	float: center;
	width: 100%;
	background-color: #99BBBB;
	height: 20%;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;

}

#wrapper
{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	height: 650px;
}

header
{
	background-color: #99BBBB;
	height: 10%;
	text-align: center;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

main
{
	background-color: #DDDDDD;
	height: 90%;
	overflow: auto;
	opacity: .9;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
	font-size: 125%;
}

body
{
	background-image: url(fern.jpg);
	background-repeat: no-repeat;
}

footer
{
	text-align: center;
	background-color: #99BBBB;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#agevalue 
{
	width: 1.7em;
}

tr:first-of-type
{
	background-color: #77AAAA;
}

table
{
	margin-top: 5%;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

td
{
	border: 1px solid #000000;
	text-align: center;
}

hr
{
	width :80%;
}

input
{
	margin: 1%;
}

#recipeIn
{
	width: 60%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#recipe
{
	padding-bottom: 5px;
}

#recipeTable
{
	width: 45%;
}

li
{
	width: 70%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
#little
{
	width: 90%;
	margin-right: auto;
	margin-left:auto;
}

#home
{
	margin: 1.5%;
}
#thanks
{
	margin-top: 30%;
}
#short
{
	width: 50%;
}

#RecPic
{
	max-width: 50%;
	max-height:50%;
}
}

@media (min-width: 769px)
{
nav
{
	float: left;
	width: 12%;
	background-color: #99BBBB;
	height: 90%;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;

}

#wrapper
{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	height: 650px;
}

header
{
	background-color: #99BBBB;
	height: 10%;
	text-align: center;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

main
{
	background-color: #DDDDDD;
	height: 90%;
	overflow: auto;
	opacity: .9;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
	font-size: 125%;
}

body
{
	background-image: url(fern.jpg);
	background-repeat: no-repeat;
}

footer
{
	text-align: center;
	background-color: #99BBBB;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#agevalue 
{
	width: 1.7em;
}

tr:first-of-type
{
	background-color: #77AAAA;
}

table
{
	margin-top: 5%;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

td
{
	border: 1px solid #000000;
	text-align: center;
}

hr
{
	width :80%;
}

input
{
	margin: 1%;
}

#recipeIn
{
	width: 60%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#recipe
{
	padding-bottom: 5px;
}

#recipeTable
{
	width: 45%;
}

li
{
	width: 70%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
#little
{
	width: 90%;
	margin-right: auto;
	margin-left:auto;
}

#home
{
	margin: 1.5%;
}
#thanks
{
	margin-top: 30%;
}
#short
{
	width: 50%;
}

#RecPic
{
	max-width: 50%;
	max-height:50%;
}
}