/*?Fontface*/
@font-face {
  font-family: "Bradford";
  src: url("../fonts/BradfordLL-Light.woff") format("woff"),
    url("../fonts/BradfordLL-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BradfordItalic";
  src: url("../fonts/BradfordLL-LightItalic.woff") format("woff"),
    url("../fonts/BradfordLL-LightItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../fonts/Matter-Regular.woff") format("woff"),
    url("../fonts/Matter-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MatterMedium";
  src: url("../fonts/Matter-Medium.woff") format("woff"),
    url("../fonts/Matter-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MatterLight";
  src: url("../fonts/Matter-Light.woff") format("woff"),
    url("../fonts/Matter-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Stein";
  src: url("../fonts/SteinskriftValle-Regular.woff") format("woff"),
    url("../fonts/SteinskriftValle-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-feature-settings: "ss01" on, "clig" off, "liga" off;
}

:root {
  --1fs: 0.8rem;
  --1lh: 137%;

  --2fs: 0.8rem;
  --2lh: 135%;

  --3fs: 1rem;
  --3lh: 133%;

  --4fs: 1.1rem;
  --4lh: 130%;

  --5fs: 1.3rem;
  --5lh: 130%;

  --6fs: 2.8rem;
  --6lh: 130%;
}

h1 {
  font-family: "Bradford";
  color: var(--dark);
  font-size: 2rem;
  line-height: var(--6lh);
  font-weight: 100;
}

h2 {
  color: var(--blue);
  font-size: var(--4fs);
  line-height: var(--4lh);
  font-family: "Stein";
  font-weight: 100;
  font-feature-settings: "ss01" on, "clig" off, "liga" off;
}

h3 {
  font-size: var(--1fs);
  line-height: var(--1lh);
  color: var(--darkGray);
  font-family: "stein";
  font-weight: 100;
  font-feature-settings: "ss01" on, "clig" off, "liga" off;
}

h4 {
  font-size: var(--1fs);
  line-height: var(--1lh);
  color: var(--blue);
  font-family: "stein";
  font-weight: 100;
  font-feature-settings: "ss01" on, "clig" off, "liga" off;
}

.data p {
  font-size: var(--1fs);
  line-height: var(--1lh);
  color: var(--darkGray);
  font-family: "stein";
  font-weight: 100;
  font-feature-settings: "ss01" on, "clig" off, "liga" off;
}

.data h2,
.data h4 {
  margin-bottom: 4px;
}

h5 {
  font-size: var(--3fs);
  line-height: var(--3lh);
  color: var(--dark);
  font-family: "stein";
  font-weight: 100;
  font-feature-settings: "ss01" on, "clig" off, "liga" off;
}

a {
  cursor: pointer;
  text-decoration: none;
  font-weight: 100;
  font-family: "MatterLight", sans-serif;
}

p {
  font-size: var(--1fs);
  color: var(--dark);
  line-height: var(--1lh);
  font-family: "MatterLight", sans-serif;
  font-weight: lighter;
  font-weight: 100;
}

.btn {
  font-family: "MatterLight", sans-serif;
  font-weight: 100;
  font-size: var(--4fs);
}

.titulo-principal {
  font-size: var(--4fs);
  line-height: var(--4lh);
  text-align: center;
  color: var(--blue);
  font-family: "Stein", serif;
  font-weight: 100;
}