html
{ 
  background: url('hatter.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body,html
{
margin:0;
padding:0;
}

#center
{
position:relative;
background-color: white;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width:950px;
display:block;
overflow:auto;
font-family: Georgia, serif;
}

#bal
{
position:relative;
float:left;
margin-left:20px;
width:600px;
}

#bal li
{
margin: 25px 0 25px 0;
font-size: 16px;
}

#center h1
{
font-size: 18px;
}

#fb
{
position:relative;
float:right;
width:290px;
margin: 20px;
}

#zold
{
position:fixed;
bottom:0;
height:60px;
width: inherit;
background-color:#004200;
z-index: 2000;
}

#zold h1
{
color: white;
text-align: center;
}

@media (max-width:800px) {
  #center, #bal, #fb {
    width:100%;
  }
  #bal li
{
margin: 5vw;
font-size: 4vw;
}

#center h1
{
font-size: 5vw;
}
#bal, #fb
{
margin:0;
}
#zold
{
height:25vw;
}
}