@font-face {
    font-family: 'Font-Brand';
    src: url('font/BasisGrotesque-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font-Brand';
    src: url('font/BasisGrotesque-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Font-Brand';
    src: url('font/BasisGrotesque-Bold.otf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Font-Brand';
    src: url('font/BasisGrotesque-Regular.otf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Font-Brand-Light';
    src: url('font/BasisGrotesque-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font-Brand-Light';
    src: url('font/BasisGrotesque-Regular.otf');
    font-weight: normal;
    font-style: italic;
}

.font-brand {
    font-family: 'Font-Brand';
    letter-spacing: 1px;
}

.font-brand-v2 {
    font-family: 'Font-Brand';
    letter-spacing: 1px;
    color: black;
}

.font-brand-light {
    font-family: 'Font-Brand-Light';
    letter-spacing: 1px;
}

.font-brand-light-v2 {
    font-family: 'Font-Brand-Light';
    letter-spacing: 1px;
    color: #999999;
}