:root { 
  --black: #000000;
  --black-2: #0000004d;
  --black-3: #00000072;
  --blue-whale: #002444;
  --concord: #7c7c7c;
  --dove-gray: #707070;
  --guardsman-red: #d60505;
  --hippie-blue: #48a4af;
  --tussock: #c49040;
  --white: #ffffff;
  --white-2: #ffffff98;
  --x313013---nav-background: #313013de;
 
  --font-size-l: 24px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 30px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 40px;
  --font-size-xxxxl: 48px;
 
  --font-family-poppins: "Poppins", Helvetica;
}
.p---body, p {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 28px;
  padding-top:20px;
  margin:0;
}

.p--highlight{
	line-height: 41px;
    margin: 10px 0 20px 0;	
}

.h1---main-page-title, h1 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height:45px;
  margin:0;
}

.h2---main-sections, h2 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.h3---subsections, h3 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.poppins-medium-white-18px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-bold-black-18px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-white-32px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-white-16px-2 {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
}

.poppins-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-hippie-blue-18px {
  color: var(--hippie-blue);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
}

.poppins-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

.poppins-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

.poppins-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 400;
}

.poppins-normal-black-24px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-tussock-30px {
  color: var(--tussock);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-black-18px-2 {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
}

.poppins-normal-white-18px-2 {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
}

.poppins-semi-bold-white-48px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}