@font-face { font-family: Roboto-light; font-weight: 200; src: url('../fonts/Roboto-Light.ttf'); }
@font-face { font-family: Roboto; font-weight: 400; src: url('../fonts/Roboto-Regular.ttf'); }
@font-face { font-family: Roboto-bold; font-weight: 700; src: url('../fonts/Roboto-Bold.ttf'); }
@font-face { font-family: Montserrat-light; font-weight: 200; src: url('../fonts/Montserrat-Light.ttf'); }
@font-face { font-family: Montserrat; font-weight: 400; src: url('../fonts/Montserrat-Regular.ttf'); }
@font-face { font-family: Montserrat-bold; font-weight: 700; src: url('../fonts/Montserrat-Bold.ttf'); }
@font-face { font-family: Montserrat-extra-bold; font-weight: 900; src: url('../fonts/Montserrat-ExtraBold.ttf'); }

/* font families */
.roboto-light {
    font-family: Roboto-light !important;
}

.roboto {
    font-family: Roboto !important;
}

.roboto-bold {
    font-family: Roboto-bold !important;
}

.montserrat-light {
    font-family: Montserrat-light !important;
}

.montserrat {
    font-family: Montserrat !important;
}

.montserrat-bold {
    font-family: Montserrat-bold !important;
}

.montserrat-extra-bold {
    font-family: Montserrat-extra-bold !important;
}

.icon {
    font-family: icons;
    display: inline-block;
}

@media only screen and (max-width: 991.98px)
{
    .montserrat-md {
        font-family: Montserrat !important;
    }

    .roboto-light-md {
        font-family: Roboto-light !important;
    }
}