@font-face {
  font-family: "regular";
  src: url(../fonts/Inter-Regular.otf);
}

@font-face {
  font-family: "medium";
  src: url(../fonts/Inter-Medium.otf);
}

@font-face {
  font-family: "bold";
  src: url(../fonts/Inter-Bold.otf);
}

@font-face {
  font-family: "extrabolditalic";
  src: url(../fonts/Inter-BlackItalic.otf);
}

/*Header*/

header a {
  font-family: medium;
}

header span {
  font-family: extrabolditalic;
}

/*Main*/

p {
  font-family: regular;
}

h1 {
  font-family: bold;
  margin: 0;
}

h2 {
  font-family: extrabolditalic;
  margin: 0;
  padding-bottom: 50px;
}

h3 {
  font-family: bold;
  font-style: italic;
  margin: 0;
}

footer {
  font-size: 16px;
  font-family: regular;

  @media (max-width: 768px) {
    font-size: 13px;
  }
}