@font-face {
    font-family: 'FEHero';
    src: local('FEHero-Regular'), local('FEHero-Regular'),
    url('../fonts/FEHero-Regular.eot') format('eot'),
    url('../fonts/FEHero-Regular.otf') format('opentype'),
    url('../fonts/FEHero-Regular.ttf') format('ttf'),
    url('../fonts/FEHero-Regular.woff2') format('woff2'),
    url('../fonts/FEHero-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LotaGrotesque';
    src: local('LotaGrotesque'), local('LotaGrotesque'),
    url('../fonts/LotaGrotesqueRegular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'LotaGrotesque';
    src: local('LotaGrotesque'), local('LotaGrotesque'),
    url('../fonts/LotaGrotesqueSemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'LotaGrotesque';
    src: local('LotaGrotesque'), local('LotaGrotesque'),
    url('../fonts/LotaGrotesqueBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}