.container {
  background: white;
  max-width: 960px;
  margin: 2em auto;
}
.header {
  width: 100%;
  float: left;
  margin-bottom: 2em;
  background: #fff;
}
.logo {
  float: left;
  max-width: 100%;
    height: auto;
}

.content {
  width: 100%;
  float: center;
  
}

/* Ansicht für Tablets bzw. Bildschirme, die kleiner als 45em (= 720px) sind */

@media screen and (max-width: 45em) {
  .content{
    width: 100%;
  }
}

/* Ansicht für Smartphones bzw. Bildschirme, die kleiner als 38.75em (= 620px) sind */

@media screen and (max-width: 38.75em) {
  .container {
    margin: 0;
  }
  .header {
    text-align: center;
  }
  .logo {
    float: none;
  }