@font-face {
    font-family: "GothamMedium";
    src: url('../fonts/gothamrnd_medium.otf') format('opentype');
}

@font-face {
    font-family: "GothamBook";
    src: url('../fonts/gothamrnd_book.otf') format('opentype');
}

@font-face {
    font-family: "GothamLight";
    src: url('../fonts/gothamrnd_light.otf') format('opentype');
}

@font-face {
    font-family: "GothamBold";
    src: url('../fonts/gothamrnd_bold.otf') format('opentype');
}


@font-face {
    font-family: "GothamXNarrow";
    src: url('../fonts/GothamXNarrowMedium.otf') format('opentype');
}


.gotham_medium {
    font-family: "GothamMedium";
}

.gotham_book {
    font-family: "GothamBook";
}


.gotham_bold {
    font-family: "GothamBold";
}

.gotham_narrow_medium {
    font-family: "GothamXNarrow";
}

.gotham_light {
    font-family: "GothamLight";
}

.roboto_thin {
    font-family: 'Roboto', sans-serif;
    font-weight: 100; /* Thin */
}

.roboto_light {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; /* Light */
}

.roboto_regular {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; /* Regular */
}

.roboto_medium {
    font-family: 'Roboto', sans-serif;
    font-weight: 500; /* Medium */
}

.roboto_bold {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; /* Bold */
}

.roboto_black {
    font-family: 'Roboto', sans-serif;
    font-weight: 900; /* Black */
}