:root {
  --gray-1: rgba(222, 226, 221, 1);
  --white: rgba(255, 255, 255, 1);
  --grey: rgba(222, 226, 221, 1);
  --button-font-family: "DM Sans", Helvetica;
  --button-font-weight: 400;
  --button-font-size: 16px;
  --button-letter-spacing: 0px;
  --button-line-height: 100%;
  --button-font-style: normal;
}

/* --- MOBILE RESPONSIVE FIXES FOR STYLEGUIDE --- */
*, *::before, *::after {
  box-sizing: border-box;
  max-width: 100%;
}

img, svg, video, canvas {
  height: auto;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .screen, .container, .page, div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}