:root { 
  --black: #000000;
  --body: #fff9f2;
  --burnt-orange: #fe8a4b;
  --chalky: #edd392;
  --crusta: #ff7d2533;
  --crusta-2: #ff7d2580;
  --gold: #ffd201;
  --gray: #d9d9d9;
  --gray-dark: #5e5e5e;
  --gray---medium: #878787;
  --graylight: #f5f5f5;
  --mercury: #e7e7e7;
  --orange: #ff7d25;
  --peach: #fdd7b3;
  --peach-cream: #fff0de;
  --white: #ffffff;
  --white-2: #ffffff33;
  --wild-sand: #f4f4f4;
  --wild-sand-2: #f3f3f3;
 
  --font-size-10px: 10px;
  --font-size-26px: 26px;
  --font-size-28px: 28px;
  --font-size-40px: 40px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-size-xxl: 22px;
  --font-size-xxxl: 32px;
 
  --font-family-satoshi-bold: "Satoshi-Bold", Helvetica;
  --font-family-satoshi-medium: "Satoshi-Medium", Helvetica;
  --font-family-satoshi-regular: "Satoshi-Regular", Helvetica;
  
  
  
  
  
  
  
  
  --mobile-h1-mobile-font-family: "Satoshi", Helvetica;
  --mobile-h1-mobile-font-weight: 700;
  --mobile-h1-mobile-font-size: 28px;
  --mobile-h1-mobile-letter-spacing: 0px;
  --mobile-h1-mobile-line-height: 38px;
  --mobile-h1-mobile-font-style: normal;
  --mobile-h2-medium-mobile-font-family: "Satoshi-Medium", Helvetica;
  --mobile-h2-medium-mobile-font-weight: 500;
  --mobile-h2-medium-mobile-font-size: 26px;
  --mobile-h2-medium-mobile-letter-spacing: 0px;
  --mobile-h2-medium-mobile-line-height: 36px;
  --mobile-h2-medium-mobile-font-style: normal;
  --mobile-h2-bold-mobile-font-family: "Satoshi-Bold", Helvetica;
  --mobile-h2-bold-mobile-font-weight: 700;
  --mobile-h2-bold-mobile-font-size: 26px;
  --mobile-h2-bold-mobile-letter-spacing: 0px;
  --mobile-h2-bold-mobile-line-height: 36px;
  --mobile-h2-bold-mobile-font-style: normal;
  --mobile-h3-reglar-mobile-font-family: "Satoshi-Regular", Helvetica;
  --mobile-h3-reglar-mobile-font-weight: 400;
  --mobile-h3-reglar-mobile-font-size: 20px;
  --mobile-h3-reglar-mobile-letter-spacing: 0px;
  --mobile-h3-reglar-mobile-line-height: 30px;
  --mobile-h3-reglar-mobile-font-style: normal;
  --mobile-h3-medium-mobile-font-family: "Satoshi", Helvetica;
  --mobile-h3-medium-mobile-font-weight: 500;
  --mobile-h3-medium-mobile-font-size: 20px;
  --mobile-h3-medium-mobile-letter-spacing: 0px;
  --mobile-h3-medium-mobile-line-height: 30px;
  --mobile-h3-medium-mobile-font-style: normal;
  --mobile-h3-bold-mobile-font-family: "Satoshi-Bold", Helvetica;
  --mobile-h3-bold-mobile-font-weight: 700;
  --mobile-h3-bold-mobile-font-size: 20px;
  --mobile-h3-bold-mobile-letter-spacing: 0px;
  --mobile-h3-bold-mobile-line-height: 30px;
  --mobile-h3-bold-mobile-font-style: normal;
  --desktop-h1-font-family: "Satoshi", Helvetica;
  --desktop-h1-font-weight: 700;
  --desktop-h1-font-size: 40px;
  --desktop-h1-letter-spacing: 0px;
  --desktop-h1-line-height: 50px;
  --desktop-h1-font-style: normal;
  --desktop-h2-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-h2-medium-font-weight: 500;
  --desktop-h2-medium-font-size: 32px;
  --desktop-h2-medium-letter-spacing: 0px;
  --desktop-h2-medium-line-height: 48px;
  --desktop-h2-medium-font-style: normal;
  --desktop-h2-bold-font-family: "Satoshi-Bold", Helvetica;
  --desktop-h2-bold-font-weight: 700;
  --desktop-h2-bold-font-size: 32px;
  --desktop-h2-bold-letter-spacing: 0px;
  --desktop-h2-bold-line-height: 42px;
  --desktop-h2-bold-font-style: normal;
  --desktop-h3-regular-font-family: "Satoshi-Regular", Helvetica;
  --desktop-h3-regular-font-weight: 400;
  --desktop-h3-regular-font-size: 22px;
  --desktop-h3-regular-letter-spacing: 0px;
  --desktop-h3-regular-line-height: 32px;
  --desktop-h3-regular-font-style: normal;
  
  --desktop-h3-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-h3-medium-font-weight: 500;
  --desktop-h3-medium-font-size: 22px;
  --desktop-h3-medium-letter-spacing: 0px;
  --desktop-h3-medium-line-height: 32px;
  --desktop-h3-medium-font-style: normal;
  --desktop-h3-bold-font-family: "Satoshi-Bold", Helvetica;
  --desktop-h3-bold-font-weight: 700;
  --desktop-h3-bold-font-size: 22px;
  --desktop-h3-bold-letter-spacing: 0px;
  --desktop-h3-bold-line-height: 32px;
  --desktop-h3-bold-font-style: normal;
  --desktop-mobile-body-1-regular-font-family: "Satoshi-Regular", Helvetica;
  --desktop-mobile-body-1-regular-font-weight: 400;
  --desktop-mobile-body-1-regular-font-size: 18px;
  --desktop-mobile-body-1-regular-letter-spacing: 0px;
  --desktop-mobile-body-1-regular-line-height: 28px;
  --desktop-mobile-body-1-regular-font-style: normal;
  --desktop-mobile-body-1-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-mobile-body-1-medium-font-weight: 500;
  --desktop-mobile-body-1-medium-font-size: 18px;
  --desktop-mobile-body-1-medium-letter-spacing: 0px;
  --desktop-mobile-body-1-medium-line-height: 28px;
  --desktop-mobile-body-1-medium-font-style: normal;
  --desktop-mobile-body-2-regular-font-family: "Satoshi-Regular", Helvetica;
  --desktop-mobile-body-2-regular-font-weight: 400;
  --desktop-mobile-body-2-regular-font-size: 16px;
  --desktop-mobile-body-2-regular-letter-spacing: 0px;
  --desktop-mobile-body-2-regular-line-height: 26px;
  --desktop-mobile-body-2-regular-font-style: normal;
  --desktop-mobile-body-2-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-mobile-body-2-medium-font-weight: 500;
  --desktop-mobile-body-2-medium-font-size: 16px;
  --desktop-mobile-body-2-medium-letter-spacing: 0px;
  --desktop-mobile-body-2-medium-line-height: 26px;
  --desktop-mobile-body-2-medium-font-style: normal;
  --desktop-mobile-body-2-bold-font-family: "Satoshi-Bold", Helvetica;
  --desktop-mobile-body-2-bold-font-weight: 700;
  --desktop-mobile-body-2-bold-font-size: 16px;
  --desktop-mobile-body-2-bold-letter-spacing: 0px;
  --desktop-mobile-body-2-bold-line-height: 26px;
  --desktop-mobile-body-2-bold-font-style: normal;
  --desktop-mobile-body-3-regular-font-family: "Satoshi-Regular", Helvetica;
  --desktop-mobile-body-3-regular-font-weight: 400;
  --desktop-mobile-body-3-regular-font-size: 14px;
  --desktop-mobile-body-3-regular-letter-spacing: 0px;
  --desktop-mobile-body-3-regular-line-height: 24px;
  --desktop-mobile-body-3-regular-font-style: normal;
  --desktop-mobile-body-3-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-mobile-body-3-medium-font-weight: 500;
  --desktop-mobile-body-3-medium-font-size: 14px;
  --desktop-mobile-body-3-medium-letter-spacing: 0px;
  --desktop-mobile-body-3-medium-line-height: 24px;
  --desktop-mobile-body-3-medium-font-style: normal;
  --desktop-mobile-body-3-bold-font-family: "Satoshi-Bold", Helvetica;
  --desktop-mobile-body-3-bold-font-weight: 700;
  --desktop-mobile-body-3-bold-font-size: 14px;
  --desktop-mobile-body-3-bold-letter-spacing: 0px;
  --desktop-mobile-body-3-bold-line-height: 24px;
  --desktop-mobile-body-3-bold-font-style: normal;
  --desktop-mobile-body-4-regular-font-family: "Satoshi-Regular", Helvetica;
  --desktop-mobile-body-4-regular-font-weight: 400;
  --desktop-mobile-body-4-regular-font-size: 12px;
  --desktop-mobile-body-4-regular-letter-spacing: 0px;
  --desktop-mobile-body-4-regular-line-height: 18px;
  --desktop-mobile-body-4-regular-font-style: normal;
  --desktop-mobile-body-4-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-mobile-body-4-medium-font-weight: 500;
  --desktop-mobile-body-4-medium-font-size: 12px;
  --desktop-mobile-body-4-medium-letter-spacing: 0px;
  --desktop-mobile-body-4-medium-line-height: 18px;
  --desktop-mobile-body-4-medium-font-style: normal;
  --desktop-mobile-capital-1-regular-font-family: "Satoshi-Regular", Helvetica;
  --desktop-mobile-capital-1-regular-font-weight: 500;
  --desktop-mobile-capital-1-regular-font-size: 14px;
  --desktop-mobile-capital-1-regular-letter-spacing: 0.28px;
  --desktop-mobile-capital-1-regular-line-height: 24px;
  --desktop-mobile-capital-1-regular-font-style: normal;
  --desktop-mobile-capital-1-bold-font-family: "Satoshi-Bold", Helvetica;
  --desktop-mobile-capital-1-bold-font-weight: 700;
  --desktop-mobile-capital-1-bold-font-size: 14px;
  --desktop-mobile-capital-1-bold-letter-spacing: 0.28px;
  --desktop-mobile-capital-1-bold-line-height: 24px;
  --desktop-mobile-capital-1-bold-font-style: normal;
  --desktop-mobile-capital-2-medium-font-family: "Satoshi-Medium", Helvetica;
  --desktop-mobile-capital-2-medium-font-weight: 500;
  --desktop-mobile-capital-2-medium-font-size: 10px;
  --desktop-mobile-capital-2-medium-letter-spacing: 1px;
  --desktop-mobile-capital-2-medium-line-height: 20px;
  --desktop-mobile-capital-2-medium-font-style: normal;
  
  
  
  
  
  
}

.desktoph1 {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-40px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.desktoph2---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
}

.desktoph2---bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.desktoph3---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.desktoph3---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.desktoph3---bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.desktop--mobilebody-1---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop--mobilebody-1---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.desktop--mobilebody-2---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--desktop-mobile-body-2-regular-line-height);
}

.desktop--mobilebody-2---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
   line-height: var(--desktop-mobile-body-2-medium-line-height);
}

.desktop--mobilebody-2---bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
   line-height: var(--desktop-mobile-body-2-bold-line-height);
}

.desktop--mobilebody-3---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop--mobilebody-3---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.desktop--mobilebody-3---bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.desktop--mobilebody-4---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop--mobilebody-4---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.desktop--mobilecapital-1---regular {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.28px;
}

.desktop--mobilecapital-1---bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.28px;
}

.desktop--mobilecapital-2---medium {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-10px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
}

.satoshi-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.satoshi-bold-crusta-10px {
  color: var(--orange);
  font-family: var(--font-family-satoshi-bold);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.satoshi-bold-crusta-48px {
  color: var(--orange);
  font-family: var(--font-family-satoshi-bold);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.satoshi-bold-crusta-36px {
  color: var(--orange);
  font-family: var(--font-family-satoshi-bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

 @media screen and (max-width: 1439px) {
.mobileh1---mobile {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-28px);
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0;
}

.mobileh2---medium---mobile {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-26px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height:36px;
}

.mobileh2---bold---mobile {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-26px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.mobileh3---reglar---mobile {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.mobileh3---medium---mobile {
  font-family: var(--font-family-satoshi-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.mobileh3---bold---mobile {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}


.mobile_desktop--mobilebody-2---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

 }