@font-face {
  font-family: Circular;
  src: url(../fonts/lineto-circular-book.eot);
  src: url(../fonts/lineto-circular-book.woff) format('woff'),
    url(../fonts/lineto-circular-book.ttf) format('truetype'),
    url(../fonts/lineto-circular-book.svg#lineto-circular-book) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Circular;
  src: url(../fonts/lineto-circular-medium.eot);
  src: url(../fonts/lineto-circular-medium.woff) format('woff'),
    url(../fonts/lineto-circular-medium.ttf) format('truetype'),
    url(../fonts/lineto-circular-medium.svg#lineto-circular-medium) format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Circular;
  src: url(../fonts/lineto-circular-bold.eot);
  src: url(../fonts/lineto-circular-bold.woff) format('woff'),
    url(../fonts/lineto-circular-bold.ttf) format('truetype'),
    url(../fonts/lineto-circular-bold.svg#lineto-circular-bold) format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garamond Premier Pro';
  src: url(../fonts/GaramondPremrPro.otf);
  src: url(../fonts/GaramondPremrPro.woff) format('woff'),
    url(../fonts/GaramondPremrPro.ttf) format('truetype'),
    url(../fonts/GaramondPremrPro.svg#GaramondPremrPro) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garamond Premier Pro';
  src: url(../fonts/GaramondPremrPro-Med.otf);
  src: url(../fonts/GaramondPremrPro-Med.woff) format('woff'),
    url(../fonts/GaramondPremrPro-Med.ttf) format('truetype'),
    url(../fonts/GaramondPremrPro-Med.svg#GaramondPremrPro-Med) format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}