@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('../fonts/Atkinson-Hyperlegible-Regular-102.eot') format("embedded-opentype"),
    url('../fonts/Atkinson-Hyperlegible-Regular-102.woff') format("woff"),
    url('../fonts/Atkinson-Hyperlegible-Regular-102.ttf') format("truetype"),
    url('../fonts/Atkinson-Hyperlegible-Regular-102.svg') format("svg"),
    url('../fonts/Atkinson-Hyperlegible-Regular-102a.woff2') format("woff2");
}

@font-face {
    font-family: "Metropolis";
    src: url("../fonts/Metropolis-Regular.woff") format('woff');
}

@font-face {
    font-family: "Metropolis-bold";
    /*font-weight: bold;*/
    src: url("../fonts/Metropolis-Bold.woff") format('woff');
}

@font-face {
    font-family: "Metropolis-thin";
    /*font-weight: 100;*/
    src: url("../fonts/Metropolis-Thin.woff") format('woff');
}

@font-face {
    font-family: "Metropolis-black";
    /*font-weight: 900;*/
    src: url("../fonts/Metropolis-Black.woff") format('woff');
}

@font-face {
    font-family: "Metropolis-medium";
    /*font-weight: 700;*/
    src: url("../fonts/Metropolis-Medium.woff") format('woff');
}