@font-face {
  font-family: 'Akrobat';
  src: local('Akrobat ExtraBold'), local('Akrobat-ExtraBold'),
    url('Akrobat-ExtraBold.woff2') format('woff2'),
    url('Akrobat-ExtraBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
    url('Lato-BoldItalic.woff2') format('woff2'),
    url('Lato-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Akrobat';
  src: local('Akrobat Regular'), local('Akrobat-Regular'),
    url('Akrobat-Regular.woff2') format('woff2'),
    url('Akrobat-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Akrobat';
  src: local('Akrobat SemiBold'), local('Akrobat-SemiBold'),
    url('Akrobat-SemiBold.woff2') format('woff2'),
    url('Akrobat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: local('Lato Medium'), local('Lato-Medium'),
    url('Lato-Medium.woff2') format('woff2'),
    url('Lato-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: local('Lato Regular'), local('Lato-Regular'),
    url('Lato-Regular.woff2') format('woff2'),
    url('Lato-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}