html, body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

@media (max-width: 768px) {

  /* ---- ALGEMEEN ---- */
  h1 {
    font-size: 2rem !important;
    word-break: break-word;
  }

  section, .container {
    overflow-x: hidden;
    max-width: 100vw;
  }

  /* ---- HEADER ---- */
  header a[href="/register"],
  header a[href="/login"] {
    display: none !important;
  }

  header img {
    max-height: 40px !important;
    width: auto !important;
  }

  header, #masthead, .site-header {
    overflow: hidden;
    max-width: 100vw;
  }

  /* ---- FORMULIEREN ---- */
  .um.um-29 {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .um-col-121,
  .um-col-122,
  .um-col-131,
  .um-col-132,
  .um-col-133,
  .um-col-alt,
  .um-half {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  .um form,
  .um .um-form,
  .um.um-register {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  input, select, textarea {
    width: 100% !important;
    box-sizing: border-box !important;
  }

}