@font-face {
    font-family: 'Myriad Light';
    src: url('../font/Myriad/MyriadPro-Light.otf');
}

@font-face {
    font-family: 'Myriad Semi-Bold';
    src: url('../font/Myriad/MyriadPro-Semibold.otf');
}

@font-face {
    font-family: 'Myriad Bold';
    src: url('../font/Myriad/MyriadPro-Bold.otf');
}

@font-face {
    font-family: 'Myriad Black';
    src: url('../font/Myriad/MyriadPro-Black.otf');
}

.font-xs{
    font-size: 0.5em;
}

.font-sm{
    font-size: 0.8em;
}

.font-md{
    font-size: 1em;
}

.font-lg{
    font-size: 1.2em;
}

.font-xl{
    font-size: 1.5em;
}

.font-light{
    font-family: 'Myriad Light';
}

.font-semi-bold{
    font-family: 'Myriad Semi-Bold';
}

.font-bold{
    font-family: 'Myriad Bold';
}

.font-black{
    font-family: 'Myriad Black';
}