html { 
  background: url(images/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#content{text-align: center; margin-top: 5%; font-size: 19px;}

#list{color: white; font-family: SENTA;margin-top: 10px;font-size: 19px;  padding-bottom: 10px;border-bottom: 1px solid white; }

a{color: white; text-decoration: none; letter-spacing: 1px;}

#list li
{
display: inline;
list-style-type: none;
padding: 60px;
}

#footer{text-align: center;font-family: knockout23; font-size: 40px; text-transform: uppercase;  letter-spacing: 1px; margin-top: -30px;}

#book{text-align: center; margin-top: 30px; font-size: 19px;font-family: SENTA; letter-spacing: 1px; padding: 3px; border: 1px solid white; margin-left: auto; margin-right: auto; width: 200px;}

#book:hover {background: white; color: grey;transition: color 0.2s linear;
  -o-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -webkit-transition: 0.2s linear;}

@font-face {
    font-family: 'Johnston';
    src: url('fonts/johnstonitcstd-medium.eot');
    src: url('fonts/johnstonitcstd-medium.eot') format('embedded-opentype'),
         url('http://houseofwolf.co.uk/fonts/johnstonitcstd-medium.woff') format('woff'),
         url('fonts/johnstonitcstd-medium.ttf') format('truetype'),
         url('fonts/johnstonitcstd-medium.svg') format('svg');
}


@font-face {
    font-family: 'knockout23';
    src: url('http://houseofwolf.co.uk/fonts/knockout-26.eot');
    src: url('http://houseofwolf.co.uk/fonts/knockout-26.eot') format('embedded-opentype'),
         url('fonts/knockout-26.woff') format('woff2'),
         url('fonts/knockout-26.woff') format('woff'),
         url('fonts/knockout-26.ttf') format('truetype'),
         url('fonts/knockout-26.svg') format('svg');
}

@font-face {
    font-family: 'SENTA';
    src: url('fonts/senta_martavaneckcu.eot');
    src: url('fonts/senta_martavaneckcu.eot') format('embedded-opentype'),
         url('fonts/senta_martavaneckcu.woff') format('woff2'),
         url('fonts/senta_martavaneckcu.woff') format('woff'),
         url('fonts/senta_martavaneckcu.ttf') format('truetype'),
         url('fonts/senta_martavaneckcu.svg') format('svg');
}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#list li
{
display: block;
list-style-type: none;
}
}