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

@font-face {
    font-family: 'open_sans_semi_bold';
    src: url('OpenSans-Semibold.eot');
    src: url('OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('OpenSans-Semibold.woff2') format('woff2'), url('OpenSans-Semibold.woff') format('woff'), url('OpenSans-Semibold.ttf') format('truetype'), url('OpenSans-Semibold.svg#open_sans_semi_bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sans_extra_bold';
    src: url('OpenSans-ExtraBold.eot');
    src: url('OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('OpenSans-ExtraBold.woff2') format('woff2'), url('OpenSans-ExtraBold.woff') format('woff'), url('OpenSans-ExtraBold.ttf') format('truetype'), url('OpenSans-ExtraBold.svg#open_sans_extra_bold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}