body, html{
  margin:0;
  padding:0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
img{
  border:0;
}
.clearfix{
  clear:both;
}


#content{
    width: 540px;
    height:530px;
    background: white;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding:40px 80px 40px 80px;
    opacity:0.9;
}
#impressum #content{
	height:620px;
}
#content img{
  width:100%;
  height:auto;
}
#content p{
  margin-top:30px;
  line-height:1.6em;
  font-size:18px;
  color:#4d4d4f;
}
#content h2{
  font-weight:normal;
  color:#4d4d4f;
  margin-top:35px;
  font-size:18px;
}
#content a{
  color:#9c7a45;
  text-decoration:none;
  transition:color 0.3s ease;
}
#content a:hover{
  color:#5D4929;
}
#content li{
  line-height:1.6em;
  font-size:18px;
  color:#4d4d4f;
}

#footer{
  height:28px;
  width:100%;
  text-align:center;
  background-color:#4d4d4f;
  opacity:0.8;
  position:fixed;
  bottom:0;
  color:#efefef;
  font-weight:lighter;
  font-size:12px;
  padding-top:13px;
}
#footer a{
  color:#efefef;
  transition:color 0.3s ease;
  text-decoration:none;
}
#footer a:hover{
  color:white;
}

@media only screen and (max-width : 700px)  {
  #content{
    width:80%;
    position:relative;
    margin: 0 auto;
    height:auto;
    padding:20px;
    margin-top:50px;
    margin-bottom:60px;
  }

}