/* Garamond normal */
@font-face {
  font-family: 'Garamond';
  color:red;
  font-style: normal;
  font-weight: 400;
  src: local('Garamond'), local('Garamond-Regular'),
       url('../fonts/EBGaramond-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* Garamond italic */
@font-face {
  font-family: 'Garamond';
  color:red;
  font-style: normal;
  font-weight: 400;
  src: local('Garamond Italic'),
       url('../fonts/EBGaramond-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
}


@media screen and (max-width: 939px) {
  .font-1 {
    font-size:15px;
  }
  .font-2 {
    font-size:17px;
  }
  .font-3 {
    font-size:21px;
  }
  h1 {
    font-size:40px;
  }
  input, textarea {
    font-size:18px;
  }

}

@media screen and (min-width: 940px) {
  .font-1 {
    font-size:14px;
  }
  .font-2 {
    font-size:18px;
  }
  .font-3 {
    font-size:21px;
  }
  h1 {
    font-size:40px;
  }
  input, textarea {
    font-size:18px;
  }
}