:root { 
  --alto: #e4dada;
  --celeste: #d2cfcf;
  --chicago: #5c5858;
  --dove-gray: #6f6f6f;
  --dove-gray-2: #707070;
  --gallery: #eeeeee;
  --gallery-2: #efefef40;
  --gallery-3: #efefef;
  --gallery-4: #efefef33;
  --mercury: #e6e6e6;
  --mercury-2: #e7e7e7;
  --mine-shaft: #313131;
  --mine-shaft-2: #323232;
  --pale-slate: #c4c0c0;
  --pearl-bush: #e7ddd9;
  --pumice: #c9c9c9;
  --seashell: #f1f1f1;
  --shark: #262626;
  --shark-2: #2a2828;
  --shark-3: #292929;
  --smashed-pumpkin: #f26738;
  --smashed-pumpkin-2: #f16837;
  --timberwolf: #e4d6d1;
  --tuatara: #363636;
  --white: #ffffff;
  --white-linen: #f9ede8;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 13px;
  --font-size-xl: 18px;
  --font-size-xs: 12px;
  --font-size-xxl: 19px;
  --font-size-xxxl: 20px;
 
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-montserrat_alternates: "Montserrat Alternates", Helvetica;
}
.montserrat-light-seashell-14px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.montserrat-light-seashell-16px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

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

.montserrat-normal-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-shark-18px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-smashed-pumpkin-14px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-shark-18px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-seashell-14px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-mercury-16px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-smashed-pumpkin-20px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-white-21px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-seashell-14px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.montserrat-normal-smashed-pumpkin-14px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-smashed-pumpkin-70px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-medium-seashell-18px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.montserrat-light-pumice-18px {
  color: var(--pumice);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.montserrat-normal-seashell-16px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-shark-30px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-bold-smashed-pumpkin-7px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-mercury-20px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-white-70px {
  font-family: var(--font-family-montserrat);
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-smashed-pumpkin-35px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-alto-13px {
  color: var(--alto);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-extra-light-mercury-18px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 200;
}

.montserrat-normal-chicago-14px {
  color: var(--chicago);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-extra-light-mercury-14px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 200;
}

.montserrat-light-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.montserrat-semi-bold-shark-13px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

.montserrat-normal-smashed-pumpkin-16px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-white-35px {
  font-family: var(--font-family-montserrat);
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-light-pumice-20px {
  color: var(--pumice);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.montserrat-semi-bold-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.montserrat-bold-smashed-pumpkin-9px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-semi-bold-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.montserrat-light-seashell-18px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.montserrat-normal-shark-12px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-smashed-pumpkin-15px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-alto-20px {
  color: var(--alto);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.montserrat-bold-smashed-pumpkin-10px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-mercury-12px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-smashed-pumpkin-4px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 4px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-medium-shark-12px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-alto-12px {
  color: var(--alto);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-light-celeste-16px {
  color: var(--celeste);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.montserrat-bold-smashed-pumpkin-46px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-chicago-18px {
  color: var(--chicago);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-light-celeste-12px {
  color: var(--celeste);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.montserrat-bold-white-90px {
  font-family: var(--font-family-montserrat);
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-smashed-pumpkin-90px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-semi-bold-shark-19px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.montserratalternates-semi-bold-seashell-17px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat_alternates);
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-light-seashell-12px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.montserrat-semi-bold-shark-12px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.montserratalternates-normal-smashed-pumpkin-14px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat_alternates);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-light-pumice-22px {
  color: var(--pumice);
  font-family: var(--font-family-montserrat);
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
}

.montserrat-light-pumice-24px {
  color: var(--pumice);
  font-family: var(--font-family-montserrat);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
}

.montserrat-medium-mercury-27px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-mercury-14px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-light-smashed-pumpkin-16px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.montserrat-normal-smashed-pumpkin-20px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-light-mercury-18px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.montserrat-bold-smashed-pumpkin-5px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 5px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-medium-smashed-pumpkin-30px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-seashell-16px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-light-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.montserrat-normal-pale-slate-20px {
  color: var(--pale-slate);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-shark-40px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-chicago-13px {
  color: var(--chicago);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-pale-slate-15px {
  color: var(--pale-slate);
  font-family: var(--font-family-montserrat);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-shark-10px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-mercury-10px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-chicago-12px {
  color: var(--chicago);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserratalternates-semi-bold-seashell-25px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat_alternates);
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-shark-28px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-shark-25px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-medium-mercury-24px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-shark-24px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}

.montserratalternates-normal-smashed-pumpkin-20px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat_alternates);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-mercury-16px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-shark-15px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-semi-bold-shark-9px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
}

.montserrat-normal-shark-16px-2 {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
}

.montserratalternates-normal-smashed-pumpkin-28px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat_alternates);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-smashed-pumpkin-64px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-medium-smashed-pumpkin-42px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-smashed-pumpkin-28px {
  color: var(--smashed-pumpkin);
  font-family: var(--font-family-montserrat);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-shark-40px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-light-seashell-20px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

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

.montserrat-light-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.montserrat-normal-shark-7px {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
}

.montserratalternates-semi-bold-seashell-20px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat_alternates);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.montserrat-light-seashell-13px {
  color: var(--seashell);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.border-1px-shark {
  border: 1px solid var(--shark);
}

.border-2px-smashed-pumpkin {
  border: 2px solid var(--smashed-pumpkin);
}

.border-1px-smashed-pumpkin {
  border: 1px solid var(--smashed-pumpkin);
}

.border-1px-dove-gray-2 {
  border: 1px solid var(--dove-gray-2);
}
