header
{
	text-align:center;
	font-size:500%;
	font-family:ravie regular;
	color:yellow;
	height:200px;
	line-height:200px;
	width:83.333%;
	margin-left:3.4583% ;
	margin-right:3.2087%;
	border:3px solid black;
	border-radius: 25px;
}
header
{
	width:95%;
	background: red;     
    background: -webkit-linear-gradient(left, yellow ,black, yellow); 
    background: -o-linear-gradient(right, yellow ,black, yellow); 
    background: -moz-linear-gradient(right, yellow ,black, yellow);
    background: linear-gradient(to right, yellow ,black, yellow);
}
body 
{
	width: 95%;
	padding: 1em;
    margin-top: 1em;
    background:#C0C0C0;
    border: 3px solid yellow;
    font-family: sans-serif;
}

#centeredmenu 
{
   float:left;
   width:100%;
   background: red;     
   position:relative;
   margin-bottom:1em;
   
}
#centeredmenu ul
{
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:absolute;
   left:50%;
   text-align:center;
   list-style: none;
   margin-bottom:0.5em;
   margin-top:0.5em;
   
   
}
#centeredmenu ul li 
{
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   border: 3px solid black;
   margin-left:0.2em;
   
   
}
#centeredmenu ul li a {
   display:block;
   margin:0 1px 0 1px;
   padding:3px 10px;
   background:#eee;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
   
   
}
#centeredmenu ul li a:hover 
{
   background:yellow;
   color:black;
   
}
#centeredmenu ul ul
{
	position: relative;
	display: none;
	margin-top:1em;
	margin-bottom:1em;
	border-radius:15px;
	top: 100%;
	
}
#centeredmenu ul ul li
{
	float:none;
	
}
#centeredmenu ul li:hover > ul
{
	display:block;
	
}
body div img
{
	width:18.645%;
	height:183px;
	float:left;
	margin-right: 10px;
	margin-left:10px;
}
ul img
{
	width:18.645%;
	height:183px;
	float:right;
	margin-right: 10px;
	margin-left:10px;	
}
li
{
	float:left;
    list-style:none;
}
body h1
{
	margin-left:20px;
	margin-top:2em;
	text-align: center;
	color:black;
	font-size: 250%
}
body p
{
	text-align:center;
	font-size:120%;
	margin-left:240px;
	margin-right:240px;
	padding-right:1em;
		
}
body h2
{
	margin-top:2em;
	margin-left:340px;
	color:yellow;
	text-shadow:2px 2px white;
	font-size: 250%;
}
h3
{
	font-size:250%;
	text-align:center;
	text-shadow:2px 2px white;
	color:yellow;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape) 
{
	header img
	{
	background-color: black;
	height:200px;
	width:83.333%;
	margin-left:8.4583% ;
	margin-right:3.2087%;
	margin-top: 1em;
	margin-bottom:1em;
	border:3px solid black;
	border-radius: 25px;
	}
	body p
	{
		margin-left:5%;
		margin-right:5%;
	}
	ul img
	{
	width:18.645%;
	height:183px;
	float:right;
	margin-right: 10px;
	margin-left:10px;	
	}
	body div img
	{
	width:15.645%;
	height:183px;
	margin-top:1em;
	margin-left: 30px;
	margin-right:30px;
	padding-top:1.5em;
	}
@media only screen and (min-device-width : 412px) and (max-device-width : 639px) and (orientation : landscape) 
{
	header img
	{
	background-color: black;
	height:200px;
	width:83.333%;
	margin-left:8.4583% ;
	margin-right:3.2087%;
	margin-top: 1em;
	margin-bottom:1em;
	border:3px solid black;
	border-radius: 25px;
	}
	body p
	{
		margin-left:5%;
		margin-right:5%;
	}
	ul img
	{
	width:18.645%;
	height:183px;
	float:right;
	margin-right: 10px;
	margin-left:10px;	
	}
	body div img
	{
	width:15.645%;
	height:183px;
	margin-top:1em;
	margin-left: 30px;
	margin-right:30px;
	padding-top:1.5em;
	}
}
footer p
{
	text-align:right;
	color:black;
}
footer p img
{
	height:30px;
	width:30px;
}