body
{
background: -webkit-linear-gradient(left top, #99CCFF , #66CCFF);
background: -o-linear-gradient(bottom right, #99CCFF, #66CCFF);
background: -moz-linear-gradient(bottom right, #99CCFF, #66CCFF);
background: linear-gradient(to bottom right, #99CCFF , #66CCFF);
background-size:100% 150%;
}

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

.boulder
{
width:45px;
height:45px;
background-image:url('img/ice.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(#3385FF, #297ACC); 
background: -o-linear-gradient(#3385FF, #297ACC); 
background: -moz-linear-gradient(#3385FF, #297ACC); 
background: linear-gradient(#3385FF, #297ACC); 
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;
}
}
