@font-face {
  font-family: "fontBold";
  src:
    url("https://genius1071.friktoriaservers.net/doitforme/monica/fonts/murecho/SemiBold.woff2") format("woff2"),
    url("https://genius1071.friktoriaservers.net/doitforme/monica/fonts/murecho/SemiBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "fontMedium";
  src:
    url("https://genius1071.friktoriaservers.net/doitforme/monica/fonts/murecho/Regular.woff2") format("woff2"),
    url("https://genius1071.friktoriaservers.net/doitforme/monica/fonts/murecho/Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "fontLight";
  src:
    url("https://genius1071.friktoriaservers.net/doitforme/monica/fonts/murecho/Light.woff2") format("woff2"),
    url("https://genius1071.friktoriaservers.net/doitforme/monica/fonts/murecho/Light.woff") format("woff");
  font-display: swap;
}

/* ========================================
   DESKTOP
   1025px and above
======================================== */

h1 {
  font-size: 2.4rem; /* 24px */
  font-family: "fontBold", sans-serif;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.2;
}

h2 {
  font-size: 2.1rem; /* 21px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.25;
}

h3 {
  font-size: 1.8rem; /* 18px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.3;
}

h4 {
  font-size: 1.6rem; /* 16px */
  font-family: "fontBold", sans-serif;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.35;
}

h5 {
  font-size: 1.5rem; /* 15px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
}

h6 {
  font-size: 1.4rem; /* 14px */
  font-family: "fontBold", sans-serif;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
}

p {
  font-size: 1.4rem; /* 14px */
  font-family: "fontLight", sans-serif;
  font-weight: 200;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.55;
}

input {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
}

input::placeholder {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
}

textarea {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.5;
  resize: none;
}

textarea::placeholder {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.5;
}

label {
  font-size: 1.3rem; /* 13px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
}

button {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
}

a {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
  color: inherit;
}

a:visited {
  color: inherit;
}

select {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
  color: inherit;
}

option {
  font-size: 1.4rem; /* 14px */
  font-family: "fontMedium", sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: normal;
  line-height: 1.4;
  color: inherit;
}

/* ========================================
   TABLET
   769px to 1024px
======================================== */

@media screen and (max-width: 1024px) {
  h1 {
    font-size: 2.2rem; /* 22px */
  }

  h2 {
    font-size: 2rem; /* 20px */
  }

  h3 {
    font-size: 1.8rem; /* 18px */
  }

  h4 {
    font-size: 1.6rem; /* 16px */
  }

  h5 {
    font-size: 1.5rem; /* 15px */
  }

  h6 {
    font-size: 1.4rem; /* 14px */
  }

  p {
    font-size: 1.4rem; /* 14px */
  }

  input,
  input::placeholder,
  textarea,
  textarea::placeholder,
  button,
  a,
  select,
  option {
    font-size: 1.4rem; /* 14px */
  }

  label {
    font-size: 1.3rem; /* 13px */
  }
}

/* ========================================
   MOBILE
   Up to 768px
======================================== */

@media screen and (max-width: 768px) {
  h1 {
    font-size: 2.1rem; /* 21px */
    line-height: 1.2;
  }

  h2 {
    font-size: 1.9rem; /* 19px */
    line-height: 1.25;
  }

  h3 {
    font-size: 1.7rem; /* 17px */
    line-height: 1.3;
  }

  h4 {
    font-size: 1.5rem; /* 15px */
    line-height: 1.35;
  }

  h5 {
    font-size: 1.4rem; /* 14px */
    line-height: 1.4;
  }

  h6 {
    font-size: 1.3rem; /* 13px */
    line-height: 1.4;
  }

  p {
    font-size: 1.4rem; /* 14px */
    line-height: 1.55;
  }

  label {
    font-size: 1.3rem; /* 13px */
    line-height: 1.4;
  }

  button,
  a {
    font-size: 1.4rem; /* 14px */
    line-height: 1.4;
  }

  input,
  input::placeholder,
  textarea,
  textarea::placeholder,
  select,
  option {
    font-size: 1.6rem; /* 16px */
  }
}

/* ========================================
   SMALL MOBILE
   Up to 480px
======================================== */

@media screen and (max-width: 480px) {
  h1 {
    font-size: 2rem; /* 20px */
  }

  h2 {
    font-size: 1.8rem; /* 18px */
  }

  h3 {
    font-size: 1.6rem; /* 16px */
  }

  h4 {
    font-size: 1.5rem; /* 15px */
  }

  h5 {
    font-size: 1.4rem; /* 14px */
  }

  h6 {
    font-size: 1.3rem; /* 13px */
  }

  p {
    font-size: 1.4rem; /* 14px */
  }

  label {
    font-size: 1.3rem; /* 13px */
  }

  button,
  a {
    font-size: 1.4rem; /* 14px */
  }

  input,
  input::placeholder,
  textarea,
  textarea::placeholder,
  select,
  option {
    font-size: 1.6rem; /* 16px */
  }
}