@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url('../fonts/lato-300.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: optional;
  src: url('../fonts/lato-300-italic.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('../fonts/lato-400.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url('../fonts/lato-400-italic.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url('../fonts/lato-700.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: optional;
  src: url('../fonts/lato-700-italic.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url('../fonts/lato-900.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: optional;
  src: url('../fonts/lato-900-italic.woff2') format('woff2');
  size-adjust: 99%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url('../fonts/playfair-display-regular.woff2') format('woff2');
  size-adjust: 96%;
  ascent-override: 88%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400 700;
  font-display: optional;
  src: url('../fonts/playfair-display-italic.woff2') format('woff2');
  size-adjust: 96%;
  ascent-override: 88%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('../fonts/material-icons.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato Hero';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/lato-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Hero';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/playfair-display-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Hero';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/playfair-display-italic.woff2') format('woff2');
}