body
{
text-align:center;
background-image:url('img/lava.png');
font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
position:fixed;
background-size:100%;
}

.path
{
width:45px;
height:45px;
background-image:url('img/lavapath.png');
background-color:#333333;
position:relative;
float:left;
margin:5px;
}

.boulder
{
width:45px;
height:45px;
background-image:url('img/lava.boulder.png');
position:relative;
float:left;
margin:5px;
}

a:link,a:visited
{
display:block;
width:100%;
position:fixed;
top:0px;
left:0px;
font-weight:bold;
font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
color:#FFFFFF;
background: -webkit-linear-gradient(#A00000, #800000); 
background: -o-linear-gradient(#A00000, #800000); 
background: -moz-linear-gradient(#A00000, #800000); 
background: linear-gradient(#A00000, #800000); 
text-align:center;
padding:10px;
text-decoration:none;
text-transform:uppercase;
}

.fence
{
width:55px;
height:20px;
position:relative;
float:left;
margin:0px;
}

.fen
{
width:55px;
height:20px;
position:relative;
float:left;
margin:0px;
}

@media screen and (max-width: 320px)
{
.path
{
height:40px;
width:40px;
margin:3px;
}
.boulder
{
height:40px;
width:40px;
margin:3px;
}
.fence
{
height:19px;
width:45px;
}
}
