html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 600px) {
  body {
    font-size: 16px !important;
  }

  button,
  input:not([type="hidden"]),
  select,
  textarea,
  [role="button"] {
    min-height: 48px;
  }

  button,
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  label,
  small {
    font-size: 14px !important;
  }

  p,
  li,
  label,
  button,
  a {
    overflow-wrap: anywhere;
  }

  .invibloom-champagne-vows .nav-item,
  .invibloom-champagne-vows .nav-toggle,
  .invibloom-champagne-vows .music-btn {
    min-width: 48px;
    min-height: 48px;
  }
}