@font-face {
    font-family: 'Manrope';
    src:    local('Manrope'),
            local('Manrope-ExtraLight')
            url('web/Manrope-ExtraLight.woff2') format('woff2'),
            url('otf/Manrope-ExtraLight.otf') format("opentype"),
            url('ttf/Manrope-ExtraLight.ttf') format('truetype');
            /* url('manrope-extralight-webfont.svg#manropeextralight') format('svg'); */
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src:    local('Manrope'),
            local('Manrope-Light'),
            url('web/Manrope-Light.woff2') format('woff2'),
            url('otf/Manrope-Light.otf') format("opentype"),
            url('ttf/Manrope-Light.ttf') format('truetype');
            /* url('manrope-light-webfont.svg#manropelight') format('svg'); */
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src:    local('Manrope'), 
            local('Manrope-Regular'), 
            url('web/Manrope-Regular.woff2') format('woff2'),
            url('otf/Manrope-Regular.otf') format("opentype"),
            url('ttf/Manrope-Regular.ttf') format('truetype');
            /* url('manrope-regular-webfont.svg#manroperegular') format('svg'); */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src:    local('Manrope'),
            local('Manrope-Medium')
            url('web/Manrope-Medium.woff2') format('woff2'),
            url('otf/Manrope-Medium.otf') format("opentype"),
            url('ttf/Manrope-Medium.ttf') format('truetype');
            /* url('manrope-medium-webfont.svg#manropemedium') format('svg'); */
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
         src:   local('Manrope'), 
                local('Manrope-SemiBold'), 
                url('web/Manrope-SemiBold.woff2') format('woff2'),
                url('otf/Manrope-SemiBold.otf') format("opentype"),
                url('ttf/Manrope-SemiBold.ttf') format('truetype');
                /* url('manrope-semibold-webfont.svg#manropesemibold') format('svg'); */
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Manrope';
        src:    local('Manrope'),
                local('Manrope-Bold'),
                url('web/Manrope-Bold.woff2') format('woff2'),
                url('otf/Manrope-Bold.otf') format("opentype"),
                url('ttf/Manrope-Bold.ttf') format('truetype');
                /* url('manrope-bold-webfont.svg#manropebold') format('svg'); */
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src:    local('Manrope'),
            local('Manrope-ExtraBold'),
            url('web/Manrope-ExtraBold.woff2') format('woff2'),
            url('otf/Manrope-ExtraBold.otf') format("opentype"),
            url('ttf/Manrope-ExtraBold.ttf') format('truetype');
            /* url('manrope-extrabold-webfont.svg#manropeextrabold') format('svg'); */
    font-weight: 900;
    font-style: normal;
}