@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(barlow-1.woff2) format('woff2'),
       url(barlow-1.woff) format('woff');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(barlow-2.woff2) format('woff2'),
       url(barlow-2.woff) format('woff');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(barlow-3.woff2) format('woff2'),
       url(barlow-3.woff) format('woff');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(barlow-4.woff2) format('woff2'),
       url(barlow-4.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(barlow-5.woff2) format('woff2'),
       url(barlow-5.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(barlow-6.woff2) format('woff2'),
       url(barlow-6.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(barlow-7.woff2) format('woff2'),
       url(barlow-7.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(barlow-8.woff2) format('woff2'),
       url(barlow-8.woff) format('woff');
}