@font-face {
  font-family: "Kalista";
  src: url("../../../assets/fonts/kalista-serif-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Kalista";
  src: url("../../../assets/fonts/kalista-serif-light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "Kalista";
  src: url("../../../assets/fonts/kalista-serif-bold.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Kalista Script";
  src: url("../../../assets/fonts/kalista-script-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Kalista Script";
  src: url("../../../assets/fonts/kalista-script-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "New York Large";
  src: url("../../../assets/fonts/NewYorkLargeRegular.otf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "New York Large";
  src: url("../../../assets/fonts/NewYorkLargeBold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "New York Large";
  src: url("../../../assets/fonts/NewYorkLargeSemibold.otf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "New York Large";
  src: url("../../../assets/fonts/NewYorkLargeMedium.otf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "New York Small";
  src: url("../../../assets/fonts/NewYorkSmallRegular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

section {
  margin-bottom: 4.5rem;
}

h1 {
  font-family: "Kalista Script";
  font-weight: 700;
  font-size: 3.375rem;
  line-height: 2;
  margin-bottom: 0;
}

h2 {
  font-family: "Kalista Script";
  font-weight: 700;
  font-size: 2.625rem;
  line-height: 2;
  margin-bottom: 0;
}

h3 {
  font-family: "Kalista";
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
}

h4 {
  font-family: "Kalista";
  font-size: 0.75rem;
  font-weight: 700;
  /* color: #172939; */
  line-height: 1.5;
}

h5 {
  font-family: "Kalista Script";
  font-weight: 700;
  font-size: 2.625rem;
  /* color: #172939; */
  line-height: 1.5;
}

h6 {
  font-family: "New York Large";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05rem;
}

p {
  font-family: serif;
  font-size: 12px;
  font-weight: 400;
  /* letter-spacing: 0.01rem; */
  -moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
  -webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

input::placeholder {
  font-family: "New York Large";
  font-size: 1rem;
  font-weight: 300;
}

textarea::placeholder {
  font-family: "New York Large";
  font-size: 1rem;
  font-weight: 300;
}

@media only screen and (max-width: 476px) {

  p {
    font-family: serif;
  }

}