:root { 
  --black: #000000;
  --boston-blue: #318ac4;
  --granite-gray: #666666;
  --green-blue: #0773b8;
  --jaffa: #f58634;
  --white: #ffffff;
 
  --font-size-m: 55.4px;
  --font-size-s: 30.8px;
  --font-size-xs: 28.1px;
  --font-size-xxs: 27.8px;
  --font-size-xxxs: 19.7px;
  --font-size-xxxxs: 17.8px;
  --font-size-xxxxxs: 17.1px;
 
  --font-family-roboto: "Roboto", Helvetica;
}
.roboto-normal-white-55-4px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

.roboto-normal-white-17-8px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxs);
  font-style: italic;
  font-weight: 400;
}

.roboto-extra-bold-jaffa-27-8px {
  color: var(--jaffa);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: italic;
  font-weight: 800;
}

.roboto-extra-bold-jaffa-11-7px {
  color: var(--jaffa);
  font-family: var(--font-family-roboto);
  font-size: 11.7px;
  font-style: italic;
  font-weight: 800;
}


/* FIX full width */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

header {
  width: 100%;
  max-width: 100%;
}