@font-face { font-family: 'LotaGrotesque'; font-weight: 100; font-style: normal; src: url('../fonts/lota-grotesque-alt1-thin.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 100; font-style: italic; src: url('../fonts/lota-grotesque-alt1-thin-it.otf'); }

@font-face { font-family: 'LotaGrotesque'; font-weight: 200; font-style: normal; src: url('../fonts/lota-grotesque-alt1-exlight.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 200; font-style: italic; src: url('../fonts/lota-grotesque-alt1-exlight-it.otf'); }

@font-face { font-family: 'LotaGrotesque'; font-weight: 300; font-style: normal; src: url('../fonts/lota-grotesque-alt1-light.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 300; font-style: italic; src: url('../fonts/lota-grotesque-alt1-light-it.otf'); }

@font-face { font-family: 'LotaGrotesque'; font-weight: 400; font-style: normal; src: url('../fonts/lota-grotesque-alt1-regular.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 400; font-style: italic; src: url('../fonts/lota-grotesque-alt1-regular-it.otf'); }

@font-face { font-family: 'LotaGrotesque'; font-weight: 500; font-style: normal; src: url('../fonts/lota-grotesque-alt1-semibold.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 500; font-style: italic; src: url('../fonts/lota-grotesque-alt1-semibold-it.otf'); }

@font-face { font-family: 'LotaGrotesque'; font-weight: 600; font-style: normal; src: url('../fonts/lota-grotesque-alt1-bold.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 600; font-style: italic; src: url('../fonts/lota-grotesque-alt1-bold-it.otf'); }

@font-face { font-family: 'LotaGrotesque'; font-weight: 700; font-style: normal; src: url('../fonts/lota-grotesque-alt1-black.otf'); }
@font-face { font-family: 'LotaGrotesque'; font-weight: 700; font-style: italic; src: url('../fonts/lota-grotesque-alt1-black-it.otf'); }