:root {
  --forte-red: 238,53,36;
  --dk-grey: 95,96,98;
  --lt-grey: 236,236,236;
  --orange: 245,128,33;
  --lt-blue: 0,162,197;
  --dk-blue: 21,101,192;
  --lt-green: 130,195,65;
  --teal: 70,179,182;
  --lt-purple: 173,95,231;
  --dk-purple: 100,74,224;
  --grad-blue: to right, rgba(var(--lt-blue),1), rgba(var(--dk-blue),1);
  --grad-green: to right, rgba(var(--lt-green),1), rgba(var(--teal),1);
  --grad-purple: to right, rgba(var(--lt-purple),1), rgba(var(--dk-purple),1);
  --grad-red: to right, rgba(var(--orange),1), rgba(var(--forte-red),1);
  /* --base-body-font: 'ProximaNova-Light', Helvetica, Arial, sans-serif; */
  --base-body-font: 'Noto Sans', sans-serif;
  /* --body-bold-font: 'ProximaNova-Bold', Helvetica, Arial, sans-serif; */
  --body-bold-font: 'Noto Sans', sans-serif;
  /* --base-headline-font: 'DIN2014-NarrowDemi', Helvetica, Arial, sans-serif; */
  --base-headline-font: 'Noto Sans', sans-serif;
  --alt-headline-font: 'Noto Sans', sans-serif; /* 'DIN2014-Narrow', Helvetica, Arial, sans-serif; */
  font-size: 62.5%;
  --base-transition: .33s ease-in-out;
  --break-point: 1025px;
  --global--spacing-horizontal: 2.5rem;
  --global--spacing-vertical: 3rem;
  --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}
.r-grad {
  background-image: linear-gradient(var(--grad-red));
}
.b-grad {
  background-image: linear-gradient(var(--grad-blue));
}
.g-grad {
  background-image: linear-gradient(var(--grad-green));
}
.p-grad {
  background-image: linear-gradient(var(--grad-purple));
}
.shade {
  background-color: rgba(var(--lt-grey), 1);
  padding: 5rem 0;
}