@media screen and (max-width: 1020px) {
  .footer-con {
    width: 96%;
    padding: 0 2%;
  }

  #contact {
    width: 160px;
  }
}

@media screen and (max-width: 920px) {
  #newsletter {
    width: 60%;
  }
}

@media screen and (max-width: 843px) {
  #contact {
    padding-top: 20px;
    float: left;
  }
}

@media screen and (max-width: 768px) {
  body {
    overflow: auto;
  }

  #logo {
    display: none;
  }

  .footer-con {
    width: 92%;
    padding: 0 4%;
  }

  #close, #music {
    display: none;
  }

  #over {
    width: 100%;
    padding-bottom: 20px;
  }

  #bezoek {
    width: 55%;
  }

  #contact {
    width: 45%;
    padding-top: 0;
  }

  #newsletter {
    padding-top: 20px;
    width: 100%;
  }

  footer {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    bottom: auto;
    top: -80px;
  }

  #newsletter .mc-field-group input {
    width: 65%;
  }
}