@import url("https://use.typekit.net/buh0aae.css");
.typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  font-family: var(--body-font);
  letter-spacing: 2%;
}
.typography h1,
.typography .h1 {
  font-family: var(--body-font);
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.typography h2,
.typography .h2 {
  font-family: var(--body-font);
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.typography h3,
.typography .h3 {
  font-family: var(--body-font);
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.typography h4,
.typography .h4 {
  font-family: var(--body-font);
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.typography h5,
.typography .h5 {
  font-family: var(--body-font);
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.typography h6,
.typography .h6 {
  font-family: var(--body-font);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.typography p {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 19px;
  margin-bottom: 24px;
}
.typography ol {
  list-style: decimal;
  margin-bottom: 24px;
  padding-left: 40px;
}
.typography ul {
  list-style: disc;
  margin-bottom: 24px;
  padding-left: 40px;
}
.typography li {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 19px;
  margin-bottom: 24px;
}
.typography a {
  text-decoration: underline;
  color: #000000;
}
@media screen and (min-width: 992px) {
  .typography {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
  }
}

@font-face {
  font-family: "Season Mix";
  src: url("../assets/fonts/SeasonMix-TRIAL-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Mix";
  src: url("../assets/fonts/SeasonMix-TRIAL-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Mix";
  src: url("../assets/fonts/SeasonMix-TRIAL-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Mix";
  src: url("../assets/fonts/SeasonMix-TRIAL-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Mix";
  src: url("../assets/fonts/SeasonMix-TRIAL-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Mix";
  src: url("../assets/fonts/SeasonMix-TRIAL-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "tt-commons-pro";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

h1, h2, h3 {
  font-family: "Season Mix";
  font-weight: 700;
}

:root {
  --text-color: #000000;
  --text-color-alt: #200B09;
  --bg: #F5F1ED;
  --bg-alt: #D7D0C9;
  --btn-border: #D7D0C9;
  --btn-color: #200B09;
  --btn-hover-bg:#200B09;
  --btn-hover-color:#F5F1ED;
  --header-hover: #B6A28D;
  --text-header: 15px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --font: "Season Mix";
  --body-font: "tt-commons-pro", arial, sans-serif;
}

/*# sourceMappingURL=main.css.map */