@font-face {
    font-family: 'Open Sans';
    src:
        local('Open Sans Regular'),
        local('OpenSans-Regular');
    font-style: normal;
    font-weight: 400;
    font-display: optional;
}

@font-face {
    font-family: 'Open Sans';
    src:
        local('Open Sans SemiBold'),
        local('Open Sans Bold'),
        local('OpenSans-SemiBold'),
        local('OpenSans-Bold');
    font-style: normal;
    font-weight: 600 800;
    font-display: optional;
}

@font-face {
    font-family: 'Raleway';
    src:
        local('Raleway Light'),
        local('Raleway-Light');
    font-style: normal;
    font-weight: 100 300;
    font-display: optional;
}

@font-face {
    font-family: 'Raleway';
    src:
        local('Raleway Regular'),
        local('Raleway-Regular');
    font-style: normal;
    font-weight: 400 500;
    font-display: optional;
}

@font-face {
    font-family: 'Raleway';
    src:
        local('Raleway SemiBold'),
        local('Raleway Bold'),
        local('Raleway-SemiBold'),
        local('Raleway-Bold');
    font-style: normal;
    font-weight: 600 800;
    font-display: optional;
}