* {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
html, body {
    min-height: 100%;
    min-width: 100%;
    height: auto !important;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    -webkit-text-size-adjust: 100%;
    overflow: hidden;
}
body {
    font-family: Arial, Sans-serif;
    font-size: 12px;
    margin:0;
    padding: 0;
    color: #555;
    line-height: 18px;

}

#outer {
  background: url(wagen.png) left 20px bottom no-repeat;
  background-size: 280px !important;

}

#wrapper {
    margin: 0 auto;
    width: 80%;
    max-width: 600px;
    position:relative;

}
#content {
  font-size: 16px;
  color: #535353;
  line-height: 1.6;
  padding: 20px;
  border: 5px solid red;
  background: rgba(255, 255, 255, 0.9);
}
p {
   margin-top: 15px;
}
#content:first-child {
   margin-top: 0 !important;
}
#content a {
   border-radius: 0;
   color: #fff;
   background: #5D5D5D;
   display: inline-block;
   text-align: center;
   padding: 10px 10px;
   cursor: pointer;
      text-decoration: none !important;
}
#content a:hover {
   color: #fff;
   background: #ba0808;
   text-decoration: none !important;
}
#footer {
  font-size: 13px;
        color: #535353;
      margin-top: 20px
}
#footer a {
        color: #535353;
}
@media only screen and (min-width: 768px) {
  #outer {
    height: 100vh;
    width: 100vw;
  }
  #wrapper {
      height: 100vh;

  }
}