@font-face {
    font-family: 'Open Sans';
         src: local('Open Sans'),
         url('./fonts/opensans/woff2/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('./fonts/opensans/woff/OpenSans-Regular.woff') format('woff'),
         url('./fonts/opensans/eot/OpenSans-Regular.eot') format('eot'),
         url('./fonts/opensans/ttf/OpenSans-Regular.ttf') format('truetype'),
         url('./fonts/opensans/eot/OpenSans-Regular?#iefix') format('embedded-opentype'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
         src: local('Open Sans Semibold'),
         url('./fonts/opensans/woff2/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('./fonts/opensans/woff/OpenSans-Semibold.woff') format('woff'),
         url('./fonts/opensans/eot/OpenSans-Semibold.eot') format('eot'),
         url('./fonts/opensans/ttf/OpenSans-Semibold.ttf') format('truetype'),
         url('./fonts/opensans/eot/OpenSans-Semibold?#iefix') format('embedded-opentype'),
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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