@font-face {
    font-family: 'open_sansbold';
    src: url('~/GZYService/media/font/Open_Sans/opensans-bold-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('~/GZYService/media/font/Open_Sans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('~/GZYService/media/font/Open_Sans/opensans-extrabold-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('~/GZYService/media/font/Open_Sans/opensans-italic-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('~/GZYService/media/font/Open_Sans/opensans-light-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('~/GZYService/media/font/Open_Sans/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('~/GZYService/media/font/Open_Sans/opensans-regular-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('~/GZYService/media/font/Open_Sans/opensans-semibold-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('~/GZYService/media/font/Open_Sans/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('~/GZYService/media/font/Open_Sans/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

@media (min-width: 576px) {
    .font-sm-10 {
        font-size: 10px;
    }
    .font-sm-12 {
        font-size: 12px;
    }
    .font-sm-14 {
        font-size: 14px;
    }
    .font-sm-16 {
        font-size: 16px;
    }
    .font-sm-18 {
        font-size: 18px;
    }
    .font-sm-20 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .font-md-10 {
        font-size: 10px;
    }
    .font-md-12 {
        font-size: 12px;
    }
    .font-md-14 {
        font-size: 14px;
    }
    .font-md-16 {
        font-size: 16px;
    }
    .font-md-18 {
        font-size: 18px;
    }
    .font-md-20 {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .font-lg-10 {
        font-size: 10px;
    }
    .font-lg-12 {
        font-size: 12px;
    }
    .font-lg-14 {
        font-size: 14px;
    }
    .font-lg-16 {
        font-size: 16px;
    }
    .font-lg-18 {
        font-size: 18px;
    }
    .font-lg-20 {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .font-xl-10 {
        font-size: 10px;
    }
    .font-xl-12 {
        font-size: 12px;
    }
    .font-xl-14 {
        font-size: 14px;
    }
    .font-xl-16 {
        font-size: 16px;
    }
    .font-xl-18 {
        font-size: 18px;
    }
    .font-xl-20 {
        font-size: 20px;
    }
}