@font-face {
  font-family: 'Magra';
  src: url('./fonts/Magra-Bold.eot');
  src: local('Magra Bold'), local('Magra-Bold'),
    url('./fonts/Magra-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Magra-Bold.woff2') format('woff2'),
    url('./fonts/Magra-Bold.woff') format('woff'),
    url('./fonts/Magra-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Red Hat Text';
  src: url('./fonts/RedHatText-Medium.eot');
  src: local('Red Hat Text Medium'), local('RedHatText-Medium'),
    url('./fonts/RedHatText-Medium.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RedHatText-Medium.woff2') format('woff2'),
    url('./fonts/RedHatText-Medium.woff') format('woff'),
    url('./fonts/RedHatText-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Red Hat Text';
  src: url('./fonts/RedHatText-Regular.eot');
  src: local('Red Hat Text Regular'), local('RedHatText-Regular'),
    url('./fonts/RedHatText-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RedHatText-Regular.woff2') format('woff2'),
    url('./fonts/RedHatText-Regular.woff') format('woff'),
    url('./fonts/RedHatText-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Red Hat Text';
  src: url('./fonts/RedHatText-Light.eot');
  src: local('Red Hat Text Light'), local('RedHatText-Light'),
    url('./fonts/RedHatText-Light.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RedHatText-Light.woff2') format('woff2'),
    url('./fonts/RedHatText-Light.woff') format('woff'),
    url('./fonts/RedHatText-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo-Bold.eot');
  src: local('Aleo Bold'), local('Aleo-Bold'),
    url('./fonts/Aleo-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Aleo-Bold.woff2') format('woff2'),
    url('./fonts/Aleo-Bold.woff') format('woff'),
    url('./fonts/Aleo-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo-Regular.eot');
  src: local('Aleo Regular'), local('Aleo-Regular'),
    url('./fonts/Aleo-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Aleo-Regular.woff2') format('woff2'),
    url('./fonts/Aleo-Regular.woff') format('woff'),
    url('./fonts/Aleo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo-BoldItalic.eot');
  src: local('Aleo Bold Italic'), local('Aleo-BoldItalic'),
    url('./fonts/Aleo-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Aleo-BoldItalic.woff2') format('woff2'),
    url('./fonts/Aleo-BoldItalic.woff') format('woff'),
    url('./fonts/Aleo-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo-Italic.eot');
  src: local('Aleo Italic'), local('Aleo-Italic'),
    url('./fonts/Aleo-Italic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Aleo-Italic.woff2') format('woff2'),
    url('./fonts/Aleo-Italic.woff') format('woff'),
    url('./fonts/Aleo-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo-Light.eot');
  src: local('Aleo Light'), local('Aleo-Light'),
    url('./fonts/Aleo-Light.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Aleo-Light.woff2') format('woff2'),
    url('./fonts/Aleo-Light.woff') format('woff'),
    url('./fonts/Aleo-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo-LightItalic.eot');
  src: local('Aleo Light Italic'), local('Aleo-LightItalic'),
    url('./fonts/Aleo-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Aleo-LightItalic.woff2') format('woff2'),
    url('./fonts/Aleo-LightItalic.woff') format('woff'),
    url('./fonts/Aleo-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}