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%;
}

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

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

#step1pic
{
margin-left:0%;
}

#step1
{
font-size:35px;
font-family:impact;
margin-left:29%;
}

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

#step2pic
{
margin-left:0%;
}

#step2
{
font-size:35px;
font-family:impact;
margin-left:29%;
}

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

#footer
{
display:inline;
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;}
		


	}