/*	Theresa Kann
	Final Project
	diner.css
	INFO1311 Section WA
	Kuisma
	May 22, 2020
*/

body 
{	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 90%;

	background-color: silver;
	background-image: linear-gradient(to bottom,#FFFFFF,silver);
	background-repeat: no-repeat;
	
}
#wrapper 	
{	margin: 0 40px 0 40px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-color: snow;
	padding: 1.25em;
	box-shadow: 7px 7px 7px #1e1e1e;
	font-family: Verdana;

}
header	
{	border-style:solid; border-width:thin; border-radius:10%; border-color:black;
	box-shadow: 7px 7px 7px #1e1e1e;
	margin: 0 40px 0 40px;
	text-align: center;
}
nav 
{ 	margin: 40px 0 40px 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	word-spacing: 1em;
	font-family: Dunebug, Verdana, sans-serif;	
	font-weight: bold;
	font-size: 3em;
	text-align: center;
	
} 
nav a 
{ 	text-decoration: none;
	text-shadow: 2px 2px 2px #1e1e1e;
}
nav a:link { color: darkolivegreen; }
nav a:visited { color: silver; }
nav a:hover { color: olivedrab; }
nav a:active { color: red; }
main	
{ 	margin: 40px 0 40px 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: center;
	
}
h1
{	color: darkolivegreen;
	font-family: Verdana;
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
	line-height: 200%;
}
h2
{	font-style: italic;	
	font-family: Verdana;
	font-size: .8em;
	color: silver;

}
ul 
{	list-style-type: none;
}

footer	
{ 	margin: 40px;
	padding:  20px;
	text-align: center;
	
}			
footer a 
{ 		font-weight: bold;
}
footer a:link { color: darkolivegreen; }
footer a:visited { color: silver; }
footer a:hover { color: olivedrab; }
footer a:active{ color: red;}


@media screen and (max-width:768px)
	{
	body 		{margin: 0;padding:0; background: none; background-color: white;width: 100%; }
	header		{border-style:none; margin: 0; padding:0;	width: 100%;}
    #wrapper 	{width: 100%; min-width:0; margin: 0;padding:0; box-shadow: none; background-color: white; }
	img 		{width: 100%;}
	main video 	{display:none;}
	main img 	{display:none;}
	main	{width: 100%;margin: 0;padding:0; font-size: 90%;background-color: white;text-align:left;}

    nav 	{width: 100%;display:block; margin: 0;padding:0; float: left; width: auto; font-family:Arial,sans-serif;}
    nav a   {color: black; padding: .5em; text-shadow: none;}
	nav a:link { color: darkolivegreen; }
	nav a:visited { color: black; }
	nav a:hover { color: olivedrab; }
	nav a:active { color: red; }

    h1 		{margin: 0;padding:0;  color: black; font-family:Arial, sans-serif; font-size:1em;text-align:left; }

	h2 		{margin: 0;padding:0;  color: black; font-family:Arial, sans-serif; font-size:1em;text-align:left; }
	ul 		{text-align:left;	list-style-type: none;}
 
	footer  {width: 100%;margin: 0;padding:0;  color: black;}
	footer a {width: 100%;margin: 0;padding:0;  color: black;}
	footer a:link { color: darkolivegreen; }
	footer a:visited { color: black; }
	footer a:hover { color: olivedrab; }
	footer a:active{ color: red;}
	}