a, abbr, acronym, address, applet, big, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  overflow-scrolling: touch;
  height: 100%;
}

body {
  min-width: 1000px;
  background: #fff;
  color: #000;
  text-rendering: optimizeLegibility;
  font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.15;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

/* Lists */
ol, ul {
  list-style: none;
}

/* Tables */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

/* Sections */
section {
  font-weight: 400;
}

section h1, section h2, section h3, section h4, section h5, section h6 {
  font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #4f545c;
}

section h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  margin: 0;
}

section h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  margin: 52px 0 0;
}

section h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin: 48px 0 0;
}

section h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  margin: 36px 0 0;
}

section h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 32px 0 0;
}

section h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 28px 0 0;
}

section p {
  font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #737f8d;
  font-size: 16px;
  line-height: 24px;
  margin-top: 12px;
}

section p a {
  color: #fff;
}

section p a:hover {
  color: #b3b3b3;
  text-decoration: none;
}

/* CSS Variables / Root */
:root {
  --brand: #7289da;
  --brand-gradient: linear-gradient(90deg, #8ea1e1, #7289da);
  --greyple: #99aab5;
  --dark-not-black: #2c2f33;
  --focus-border: #00b0f4;
  --status-green: #43b581;
  --text-link: #00b0f4;
  --off-white: #f6f6f6;
  --white: #fff;
  --not-quite-black: #23272a;
  --not-quite-black-rgb: 35, 39, 42;
  --black: #000;
  --ekko-red: #de2761;
  --page-max-width: 1260px;
  --num-grid-columns: 4;
  --page-gutter: 24px;
  --section-spacing: 56px;
}

/* Element Media Queries */
@media screen and (min-width: 768px) {
  :root {
    --num-grid-columns: 8;
    --page-gutter: 40px;
    --section-spacing: 80px;
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --num-grid-columns: 12;
    --section-spacing: 120px;
  }
}

@media screen and (max-width: 1024px) {
  body, html {
    min-width: 824px;
  }
}

@media screen and (max-width: 848px) {
  body, html {
    min-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  body, html {
    min-width: 320px;
  }
}