
/* IBMPlexSans-Regular - Helvetica regular */
@font-face {
  font-family: 'PlexSans-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/IBMPlexSans-Regular.ttf') format('truetype');
}

/* IBMPlexSans-Regular - Helvetica light */
@font-face {
  font-family: 'PlexSans-Light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/IBMPlexSans-Light.ttf') format('truetype');
}

/* IBMPlexSans-Bold - Helvetica Bold */
@font-face {
  font-family: 'PlexSans-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/IBMPlexSans-Bold.ttf') format('truetype');
}

/* Merriweather Regular */
@font-face {
  font-family: 'Merri-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Merriweather_24pt-Regular.ttf') format('truetype');
}
/* Merriweather Bold */
@font-face {
  font-family: 'Merri-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Merriweather_24pt-Bold.ttf') format('truetype');
}
/* Merriweather Light */
@font-face {
  font-family: 'Merri-Light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Merriweather_48pt-Light.ttf') format('truetype');
}


h1, h2 {
  font-family: 'Merri-Light';
  line-height: 1.2;
  margin-top: 0px;
  /* color: blue; */
}
h3, .like-h3 {
  font-family: 'Merri-Regular';
}
.publications {
  font-family: 'Merri-Regular';
}
input,
.field,
textarea,
.textarea {
  font-family: 'PlexSans-Light';
  font-weight: 300;
  font-size: 18px;
}
::placeholder {
  font-family: 'PlexSans-Light';
  font-weight: 300;
}
::-ms-input-placeholder { /* Edge 12 -18 */
  font-family: 'PlexSans-Light';
  font-weight: 300;
}
h3, 
  .like-h3,
  .publications {
  font-size: 20px;
}
.smaller {
  font-family: 'PlexSans-Light';
  font-weight: 300;
  font-size: 15px !important;
}

@media screen and (max-width: 799px) {
  h1, h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 800px) {
  h1, h2 {
    font-size: 60px;
  }
}
