body
{
margin:0;
padding-top:0;
background-color:#E3E3E3;
}

a
{
color:black;
text-decoration:none;
}

a:hover
{
color:#a6482b;
}

ul
{
padding-left:0;
}

#list
{
display:none;
}

#nav #phob
{
display:none;
}

#nav
{
width:100%;
padding-top:0%;
background:#C4BCBC;
text-align:right;
font-size:30px;
font-family:impact;
}

#nav ul
{
list-style:none;
margin-right:0;
width:84%;
margin-top:-.1%;
}

#nav ul li
{
display:inline;
margin-left:5%;
}

.afraid
{
background-color:#c7c7c7;
}

.afraid img
{
width:80%;
margin-right:10%;
}

#of
{
font-size:50px;
font-family:impact;
margin-left:10%;
}

#typ
{
font-size:15px;
font-family:arial;
margin-left:10%;
margin-right:10%;
}

#socpic
{
margin-left:10%;
}


#soc
{
font-size:35px;
font-family:impact;
margin-left:33%;
}

#socdef
{
font-size:15px;
font-family:arial;
margin-left:33%;
margin-right:10%;
margin-top:-2%;
}

#socex
{
font-size:20px;
font-family:impact;
margin-left:33%;
margin-top:-1%;
}

#zoopic
{
margin-left:-34.3%;
margin-top:5%;
}


#zoo
{
font-size:35px;
font-family:impact;
margin-left:0%
}

#zoodef
{
font-size:15px;
font-family:arial;
margin-left:0%;
margin-right:10%;
margin-top:-2%;
}

#natpic
{
margin-left:-34.3%;
margin-top:5%;
}


#natural
{
font-size:35px;
font-family:impact;
margin-left:0%
}

#natdef
{
font-size:15px;
font-family:arial;
margin-left:0%;
margin-right:10%;
margin-top:-2%;
}

#natex
{
font-size:20px;
font-family:impact;
margin-left:0%;
margin-top:-1%;
}

#footer
{
height:20%;
background:#B83535;
}

@media screen and (max-width: 600px)
	{
		#first {background:#C4BCBC;}
		#list {display:block;}
		#second {display:none;}
		#second li {display:block;}
		#first:hover #second  {display:block;}
		


	}