@font-face {
    font-family: 'Relato Sans';
    src: url('RelatoSansOT-Black.eot');
    src: local('Relato Sans Black'), local('RelatoSansOT-Black'),
        url('RelatoSansOT-Black.eot?#iefix') format('embedded-opentype'),
        url('RelatoSansOT-Black.woff2') format('woff2'),
        url('RelatoSansOT-Black.woff') format('woff'),
        url('RelatoSansOT-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Relato Sans';
    src: url('RelatoSansOT-MediumtItalic.eot');
    src: local('Relato Sans Medium Italic'), local('RelatoSansOT-MediumtItalic'),
        url('RelatoSansOT-MediumtItalic.eot?#iefix') format('embedded-opentype'),
        url('RelatoSansOT-MediumtItalic.woff2') format('woff2'),
        url('RelatoSansOT-MediumtItalic.woff') format('woff'),
        url('RelatoSansOT-MediumtItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Relato Sans';
    src: url('RelatoSansOT-BlackItalic.eot');
    src: local('Relato Sans Black Italic'), local('RelatoSansOT-BlackItalic'),
        url('RelatoSansOT-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('RelatoSansOT-BlackItalic.woff2') format('woff2'),
        url('RelatoSansOT-BlackItalic.woff') format('woff'),
        url('RelatoSansOT-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Relato Sans';
    src: url('RelatoSansOT-SemiBoldItalic.eot');
    src: local('Relato Sans SemiBold Italic'), local('RelatoSansOT-SemiBoldItalic'),
        url('RelatoSansOT-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('RelatoSansOT-SemiBoldItalic.woff2') format('woff2'),
        url('RelatoSansOT-SemiBoldItalic.woff') format('woff'),
        url('RelatoSansOT-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Relato Sans';
    src: url('RelatoSansOT-SemiBold.eot');
    src: local('Relato Sans SemiBold'), local('RelatoSansOT-SemiBold'),
        url('RelatoSansOT-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('RelatoSansOT-SemiBold.woff2') format('woff2'),
        url('RelatoSansOT-SemiBold.woff') format('woff'),
        url('RelatoSansOT-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Relato Sans';
    src: url('RelatoSansOT-Medium.eot');
    src: local('Relato Sans Medium'), local('RelatoSansOT-Medium'),
        url('RelatoSansOT-Medium.eot?#iefix') format('embedded-opentype'),
        url('RelatoSansOT-Medium.woff2') format('woff2'),
        url('RelatoSansOT-Medium.woff') format('woff'),
        url('RelatoSansOT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

