:root {
  --white: white;
  --black: black;
}

body {
  color: #333;
  font-family: Hkgrotesk, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: none;
}

img {
  display: inline-block;
}

.div-block {
  background-color: red;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.text-block {
  margin-right: 19px;
  display: inline-block;
}

.text-block-2 {
  margin-right: 22px;
  display: inline-block;
}

.text-block-3 {
  display: inline-block;
}

.link-2 {
  background-color: red;
  margin-left: auto;
  margin-right: 2px;
  padding: 42px 47px;
  display: inline-block;
}

.div-block-2 {
  width: 60px;
  height: 60px;
  background-color: #000;
  margin-left: auto;
}

.item {
  cursor: pointer;
  flex-direction: row;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: inline-block;
}

.item.in-view {
  opacity: 1;
}

.item.is--hidden {
  display: none;
}

.landing__bottom {
  margin-top: auto;
}

.item__title {
  color: #fff;
  letter-spacing: -1px;
  text-transform: none;
  font-family: Hkgrotesk, sans-serif;
  font-size: 47px;
  font-weight: 400;
  line-height: 46px;
}

.item__date {
  color: #a0a0a0;
  flex: 0 auto;
  margin-left: 6px;
  font-size: 1.5rem;
  position: relative;
}

.dimmer {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  opacity: .4;
  background-color: #000;
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.body {
  height: 100%;
  background-color: #000;
  padding: 26px 40px;
  font-family: Hkgrotesk, sans-serif;
}

.info {
  justify-content: space-between;
  display: flex;
}

.logo {
  width: 100%;
  margin-bottom: 21px;
}

.link-3 {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-decoration: none;
  display: inline-block;
}

.link-3:hover {
  text-decoration: underline;
}

.div-block-3 {
  flex-direction: column;
  margin-right: 3rem;
  display: flex;
}

.text-block-6 {
  color: #fff;
  margin-bottom: 10px;
  font-family: Inconsolata, monospace;
  font-size: 24px;
}

.div-block-4 {
  flex-direction: column;
  margin-left: auto;
  margin-right: 5rem;
  display: flex;
}

.heroimage {
  z-index: -2;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heroimage.bodypostcards {
  background-image: url('../images/hero_bodypostcards_1.jpg');
}

.heroimage.thedayofthegod {
  background-image: url('../images/hero_dayofthegod.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage.thedayofthegod.opacity--100 {
  background-image: url('../images/day_cover_high.jpg');
  display: none;
}

.heroimage.thetalk {
  background-image: url('../images/hero_thetalk.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage.ferragosto {
  background-image: url('../images/hero_ferragosto.jpg');
}

.heroimage.intherain {
  background-image: url('../images/hero_intherain.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage.ganka {
  background-image: url('../images/hero_ganka.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage.ganka.opacity--100 {
  background-image: url('../images/day_cover_high.jpg');
  display: none;
}

.heroimage.womenexperience {
  background-image: url('../images/hero_womenexperience.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage.pakonao {
  background-image: url('../images/hero_pakonao.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.sevenstarling {
  background-image: url('../images/hero_sevenstarling.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.anjastark {
  background-image: url('../images/hero_anjastark.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.egs {
  background-image: url('../images/hero_egs-min.jpeg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.egs_malta {
  background-image: url('../images/egs_malta_cover-min.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.beldocs {
  background-image: url('../images/hero_beldocs.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.inpassing {
  background-image: url('../images/in-passing_cover.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.heroimage.anjastarkivan {
  background-image: url('../images/anjastark_ivan_cover.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.bodypostcards {
  background-image: none;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.toosad {
  background-image: url('../images/hero_iamtoosadtotellyouwhy.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-5 {
  display: flex;
}

.podnaslov {
  color: #fff;
  font-size: 18px;
  line-height: 35px;
}

.podnaslov.has--underline:hover {
  text-decoration: underline;
}

.line {
  width: 1px;
  height: 35px;
  background-color: #fff;
  position: relative;
}

.cirlce {
  width: 25px;
  height: 25px;
  border: 1px solid #fff;
  border-radius: 100px;
}

.counter {
  color: #5b3acc;
  margin-top: 0;
  margin-bottom: 19px;
  font-size: 60px;
}

.line-wrapper {
  z-index: 22;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: -17px;
  overflow: hidden;
}

.link-block-2 {
  margin-right: 20px;
  padding: 8px;
}

.section {
  height: 100vh;
  background-color: #f8faff;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
}

.vert-text {
  color: #fff;
  margin-bottom: 80px;
  transform: rotate(-90deg);
}

.social-icon {
  opacity: .6;
  transition: all .2s;
}

.social-icon:hover {
  opacity: 1;
}

.wrap-corner {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  bottom: 3%;
  left: 0;
}

.opacity--100 {
  opacity: 1;
}

.sectionnew {
  overflow: hidden;
}

.sectionnew.is--dayofthegod {
  height: 770vw;
}

.sectionnew.is--toosad {
  height: 485vw;
}

.sectionnew.is--intherain {
  height: 760vw;
}

.sectionnew.is--ganka {
  height: 825vw;
}

.sectionnew.is--ferragosto {
  height: 1020vw;
}

.sectionnew.is--thetalk {
  height: 1000vw;
}

.sectionnew.is--womenexperience {
  height: 405vw;
}

.sectionnew.is--bodypostcards {
  height: 1050vw;
}

.camera {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.frame {
  height: 100%;
  display: flex;
}

.block__hero {
  width: 100vw;
  height: 100vh;
  background-image: none;
  flex: none;
  display: block;
}

.block__hero.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.block__hero.blue {
  background-color: #1e82a0;
}

.block__hero.toosad {
  background-image: url('../images/hero_iamtoosadtotellyouwhy.jpg');
  background-position: 50% 0;
}

.block__hero.ganka {
  background-image: url('../images/hero_ganka.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.intherain {
  background-image: url('../images/hero_intherain.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.womenexperience {
  background-image: url('../images/hero_womenexperience.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.thetalk {
  background-image: url('../images/hero_thetalk.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.bodypostcards {
  background-image: url('../images/hero_bodypostcards_1.jpg');
  background-position: 50% 0;
}

.block__hero.pakonao {
  background-image: url('../images/hero_pakonao.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.sevensterling {
  background-image: url('../images/hero_sevenstarling.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.anjastark {
  background-image: url('../images/hero_anjastark.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.egs {
  background-image: url('../images/hero_egs-min.jpeg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.dayofthegod {
  background-image: url('../images/hero_dayofthegod.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.egs_malta {
  background-image: url('../images/egs_malta_cover-min.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.block__hero.is--hidden {
  display: none;
}

.block__hero.inpassing {
  background-image: url('../images/in-passing_cover.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.project__title {
  letter-spacing: -2px;
  background-color: #fff;
  font-family: Hkgrotesk, sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 65px;
}

.project__year {
  color: #d4d4d4;
  margin-top: 8px;
  font-size: 28px;
}

.text-block-10 {
  max-width: 500px;
  font-size: 17px;
  line-height: 26px;
}

.body-2 {
  margin-bottom: -20px;
  padding-bottom: 20px;
}

.collection-item {
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
  display: flex;
}

.details {
  min-height: 400px;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-7 {
  width: 100px;
  height: 100px;
  background-color: rgba(119, 53, 246, .05);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 15px;
  display: flex;
}

.paragraph {
  opacity: .6;
  color: #14193d;
  margin-bottom: 40px;
  font-size: 18px;
}

.button-wrapper-2 {
  position: relative;
}

.heading-2 {
  color: #14193d;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px;
}

.button-menu {
  min-height: 50px;
  min-width: 150px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #8c54ff;
  background-image: linear-gradient(159deg, #8c54ff, #7b41f1);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: all .4s ease-out;
  display: flex;
  box-shadow: inset -1px -1px 3px rgba(32, 27, 61, .6), inset 1px 1px 3px rgba(238, 230, 255, .44), 1px 1px 2px #5b3acc;
}

.button-menu:hover {
  box-shadow: inset 1px 1px 3px rgba(32, 27, 61, .22), inset -1px -1px 3px rgba(238, 230, 255, 0), 1px 1px 2px #5b3acc;
}

.collection-section {
  min-height: 850px;
  justify-content: center;
  align-items: center;
  padding: 140px 3%;
  display: flex;
}

.collection-list-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.arrow-cta {
  width: 100px;
  position: absolute;
  top: auto;
  bottom: -120%;
  left: -20%;
  right: auto;
}

.backbutton {
  z-index: 15;
  width: 40px;
  height: 40px;
  background-image: url('../images/back-02.svg');
  background-position: 0 0;
  background-size: auto;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.zindex--10 {
  z-index: 10;
}

.block2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  display: grid;
}

.block2.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.block2.blue {
  background-color: #1e82a0;
}

.block2.is--toosad {
  width: 400vw;
}

.block2.is--dayofthegod {
  width: 660vw;
}

.block2.is--womenexperience {
  width: 400vw;
}

.preload {
  display: none;
}

.image {
  display: block;
}

.ferragosto {
  background-image: url('../images/hero_ferragosto.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.landing__wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.landing__top {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.project {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  padding: 100px 3vw 120px;
  display: flex;
}

.slika {
  width: 100%;
}

.slika.prvaslika {
  width: 100%;
  height: 100%;
  margin-left: 105px;
}

.horizontal-section {
  width: 100%;
  height: 300vh;
  min-height: 100vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.horizontal-item {
  width: 900px;
  height: 100vh;
  background-color: #fc0c0c;
  flex: none;
  margin-right: 35px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
}

.exhibition__name {
  text-transform: none;
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: 500;
}

.tabs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6vw;
  margin-bottom: 129px;
  display: flex;
  position: static;
}

.tab-pane-exhibitions {
  width: 100%;
  overflow: visible;
}

.tabs-content {
  width: 100%;
  height: 100%;
  flex: 1;
  margin-top: 30px;
  overflow: visible;
}

.tab__menuitem {
  letter-spacing: -1px;
  font-size: 40px;
  font-weight: 400;
}

.exhibition__description {
  color: #b0b0b0;
  margin-bottom: 6px;
  font-size: 18px;
}

.div__exhibition {
  width: 100%;
  border-bottom: 1px solid #000;
  margin-bottom: 13px;
  padding-bottom: 4px;
  display: block;
}

.div__exhibition.is--hidden {
  display: none;
}

.project__description {
  z-index: 5;
  letter-spacing: -.5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: inline-block;
}

.project__description.maxwidth--500 {
  max-width: 600px;
  margin-top: 19px;
  margin-bottom: 0;
  margin-left: 127px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.menu__logo {
  width: 100%;
}

.tabs-menu {
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.menulink {
  opacity: .39;
  background-color: #ece9e5;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  margin-right: 36px;
  padding: 24px 21px;
  display: flex;
}

.menulink.w--current {
  opacity: 1;
  background-color: #fff;
}

.menu {
  width: 100vw;
  height: 100vh;
  background-color: #ece9e5;
  padding: 25px 40px 60px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.prints {
  width: 60%;
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 83px;
  display: grid;
}

.menu__button {
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-right: 15px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.menu__line__vertical {
  width: 35px;
  height: 2px;
  background-color: #fff;
  position: absolute;
}

.menu__line__horizontal {
  width: 2px;
  height: 35px;
  background-color: #fff;
  position: absolute;
}

.image-2 {
  z-index: 300;
  width: 200px;
  flex: none;
}

.div-block-11 {
  width: 500px;
  height: 50px;
  background-color: #b10303;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.tab-pane-about {
  height: 100%;
}

.item__wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.div-block-12 {
  width: 100%;
  height: 200px;
  background-color: red;
  margin-top: auto;
  margin-bottom: 0;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.heroimage__mobile {
  z-index: -2;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heroimage__mobile.bodypostcards {
  background-image: url('../images/hero_bodypostcards_1.jpg');
}

.heroimage__mobile.thedayofthegod {
  background-image: url('../images/hero_dayofthegod.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage__mobile.thedayofthegod.opacity--100 {
  background-image: url('../images/day_cover_high.jpg');
  display: none;
}

.heroimage__mobile.thetalk {
  background-image: url('../images/hero_thetalk.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage__mobile.ferragosto {
  background-image: url('../images/hero_ferragosto.jpg');
}

.heroimage__mobile.intherain {
  background-image: url('../images/hero_intherain.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage__mobile.ganka {
  background-image: url('../images/hero_ganka.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage__mobile.ganka.opacity--100 {
  background-image: url('../images/day_cover_high.jpg');
  display: none;
}

.heroimage__mobile.womenexperience {
  background-image: url('../images/hero_womenexperience.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.heroimage__mobile.pakonao {
  background-image: url('../images/hero_pakonao.jpg');
  background-position: 50%;
  background-size: cover;
}

.heroimage__mobile.sevenstarling {
  background-image: url('../images/hero_sevenstarling.jpg');
  background-position: 50%;
  background-size: cover;
}

.heroimage__mobile.anjastark, .heroimage__mobile.egs, .heroimage__mobile.beldocs {
  background-image: url('../images/hero_anjastark.jpg');
  background-position: 50%;
  background-size: cover;
}

.heroimage__mobile.inpassing {
  background-image: url('../images/in-passing_cover.jpg');
  background-position: 50%;
  background-size: cover;
}

.heroimage__mobile.anjastarkivan {
  background-image: url('../images/anjastark_ivan_cover.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-13 {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.div-block-14 {
  display: flex;
}

.div-block-15 {
  width: 100%;
  height: 50px;
  background-color: red;
  margin-top: auto;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.kaca_profile_pic {
  width: 150px;
  height: 150px;
  background-image: url('../images/60713920_2423981781158711_3599816166148669440_n.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  margin-right: 15px;
  display: none;
}

.item--is--disabled {
  opacity: .13;
  flex-direction: row;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 35px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
}

.menu__bottom {
  z-index: 50;
  width: 100%;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 4px 99px 8px;
  display: none;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bottommenu__text {
  font-size: 19px;
}

.tab-pane-prints {
  width: 100%;
  overflow: visible;
}

.print__image {
  width: 300px;
  height: 300px;
  background-color: #000;
  background-image: url('../images/print02.jpg');
  background-position: 0 0;
  background-size: auto;
}

.text-block-12 {
  font-size: 25px;
  line-height: 35px;
}

.text-block-13 {
  color: #a7a7a7;
  margin-top: 8px;
  font-size: 20px;
  line-height: 25px;
}

.exhibitions2 {
  width: 100%;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.text-block-14 {
  margin-bottom: 22px;
  font-size: 24px;
}

.credits {
  width: 100%;
  background-color: #fff;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  padding-top: 67px;
  display: flex;
}

.credits.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.credits.blue {
  background-color: #1e82a0;
}

.div__work {
  width: 100%;
  border-bottom: 1px solid #000;
  margin-bottom: 13px;
  padding-bottom: 4px;
  display: block;
}

.image-4 {
  margin-bottom: 10px;
}

.credits__about {
  margin-bottom: 36px;
  font-size: 35px;
}

.credits__item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 2px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 17px;
  display: grid;
}

.credits__block__role {
  font-size: 18px;
}

.credits__block__name {
  font-size: 22px;
  line-height: 28px;
}

.credits__block__blank {
  display: block;
}

.div-block-17 {
  background-image: url('../images/back-02.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto;
  margin-bottom: 97px;
  margin-right: 174px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.camera2 {
  width: 100vw;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.track2 {
  height: 700vw;
}

.track2.is--dayofthegod {
  height: 400vw;
}

.track2.is--toosad {
  height: 485vw;
}

.track2.is--intherain {
  height: 760vw;
}

.track2.is--ganka {
  height: 825vw;
}

.track2.is--ferragosto {
  height: 1020vw;
}

.track2.is--thetalk {
  height: 1000vw;
}

.track2.is--womenexperience {
  height: 405vw;
}

.track2.is--bodypostcards {
  height: 1050vw;
}

.frame2 {
  height: 100%;
  display: flex;
}

.testblock1 {
  width: 100vw;
  height: 100vh;
  background-image: url('../images/hero_dayofthegod_1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  padding: 45px 79px;
}

.testblock1.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.testblock1.blue {
  background-color: #1e82a0;
}

.testblock1.toosad {
  background-image: url('../images/hero_iamtoosadtotellyouwhy.jpg');
  background-position: 50% 0;
}

.testblock1.ganka {
  background-image: url('../images/hero_ganka.jpg');
  background-position: 50% 0;
}

.testblock1.intherain {
  background-image: url('../images/hero_intherain_1.jpg');
  background-position: 50% 0;
}

.testblock1.womenexperience {
  background-image: url('../images/hero_womenexperience.jpg');
  background-position: 50% 0;
}

.testblock1.thetalk {
  background-image: url('../images/hero_thetalk.jpg');
  background-position: 50% 0;
}

.testblock1.bodypostcards {
  background-image: url('../images/hero_bodypostcards.jpg');
  background-position: 50% 0;
}

.testblock2 {
  width: 580vw;
  height: 100vh;
  background-color: #fff;
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  padding: 61px 36px;
  display: flex;
}

.testblock2.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.testblock2.blue {
  background-color: #1e82a0;
}

.testblock2.is--toosad {
  width: 400vw;
}

.testblock2.is--dayofthegod {
  width: 100vw;
  background-color: #73d165;
  flex-direction: row;
  justify-content: space-around;
}

.testblock2.is--womenexperience {
  width: 400vw;
}

.testblock3 {
  width: 100vw;
  height: 100vh;
  background-color: #f85454;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  padding-top: 67px;
  display: flex;
}

.testblock3.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.testblock3.blue {
  background-color: #1e82a0;
}

.testblock3.boja--blue {
  background-color: #00a2ff;
}

.testimage {
  background-image: url('../images/dayofthegod01.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
}

.testblock5 {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 61px 36px;
  display: flex;
}

.testblock5.red {
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 103px;
  padding-bottom: 103px;
  display: flex;
}

.testblock5.blue {
  background-color: #1e82a0;
}

.testblock5.is--toosad {
  width: 400vw;
}

.testblock5.is--dayofthegod {
  width: 100vw;
  background-color: #73d165;
  flex-direction: row;
  justify-content: space-around;
}

.testblock5.is--womenexperience {
  width: 400vw;
}

.div-block-18 {
  width: 100px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.div-block-18.is--right {
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.dimmer2 {
  z-index: 10;
  width: 100vw;
  height: 100vh;
  opacity: .4;
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.about_description {
  z-index: 5;
  letter-spacing: -.5px;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  display: inline-block;
}

.about_description.maxwidth--500 {
  max-width: 600px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.text-block-15 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 15ch;
}

.div-block-19 {
  width: 50vw;
  height: 250px;
  background-color: #ff2323;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.about_kaca {
  z-index: 5;
  letter-spacing: -1.5px;
  font-size: 55px;
  font-weight: 400;
  line-height: 80px;
  display: inline-block;
}

.about_kaca.maxwidth--500 {
  max-width: 600px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.project__bottom_wrapper {
  justify-content: space-between;
  display: flex;
}

.project__bottom__left {
  color: #000;
  font-size: 30px;
}

.project__bottom__left:hover {
  color: #acacac;
}

.project__bottom__right {
  color: #000;
  font-size: 30px;
}

.project__bottom__right:hover {
  color: #acacac;
}

.html-embed {
  display: block;
}

.div-block-20 {
  border-top: 2px solid #000;
  margin-top: 150px;
  padding-top: 26px;
}

.project__bottom__center {
  color: #000;
  font-size: 30px;
}

.project__bottom__center:hover {
  color: #acacac;
}

.background-video {
  width: 100vw;
  height: 100vh;
}

@media screen and (max-width: 991px) {
  .item {
    opacity: .35;
  }

  .item.in-view {
    opacity: 1;
  }

  .landing__bottom {
    margin-top: 60vh;
  }

  .item__title {
    font-size: 2.5rem;
  }

  .item__date {
    font-size: 1rem;
  }

  .dimmer.zindex--10 {
    display: block;
  }

  .logo {
    width: 80%;
    position: fixed;
  }

  .div-block-3 {
    margin-top: 65px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3.marginbottom--200 {
    margin-bottom: 200px;
  }

  .div-block-4 {
    margin-right: auto;
  }

  .heroimage {
    display: none;
  }

  .div-block-5.margintop--100 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
  }

  .podnaslov {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
  }

  .podnaslov.margintop--100 {
    margin-top: 100px;
  }

  .counter-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .frame {
    flex-direction: column;
  }

  .project__title {
    margin-left: 0;
    font-size: 50px;
    line-height: 60px;
  }

  .project__year {
    margin-top: 2px;
    margin-bottom: 17px;
    font-size: 20px;
  }

  .block2 {
    width: auto;
    flex-direction: column;
  }

  .block2.is--toosad {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .block2.is--dayofthegod {
    width: auto;
    height: auto;
    flex-direction: column;
  }

  .block2.is--womenexperience {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .landing__top {
    flex-direction: column;
    order: 1;
    align-items: flex-start;
  }

  .project {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .slika, .slika.prvaslika {
    margin-left: 0;
  }

  .tabs {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-content {
    margin-left: 0;
  }

  .tab__menuitem {
    font-size: 30px;
  }

  .project__description.maxwidth--500 {
    width: 100%;
    max-width: none;
    margin-bottom: 48px;
    margin-left: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .tabs-menu {
    flex-direction: row;
    align-self: center;
    align-items: stretch;
  }

  .menulink {
    margin-right: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menulink.marginright--0 {
    margin-right: 0;
  }

  .prints {
    width: 100%;
  }

  .item__wrapper {
    flex-wrap: wrap;
  }

  .heroimage__mobile {
    display: block;
  }

  .heroimage__mobile.egs, .heroimage__mobile.beldocs, .heroimage__mobile.inpassing, .heroimage__mobile.anjastarkivan {
    background-image: url('../images/hero_egs-min.jpeg');
  }

  .kaca_profile_pic {
    width: 100px;
    height: 100px;
  }

  .menu__bottom {
    grid-column-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .bottommenu__text.invisible {
    display: none;
  }

  .credits {
    width: auto;
    flex-direction: column;
    margin-left: 0;
    padding-top: 56px;
    padding-right: 0;
  }

  .credits__item {
    grid-template-columns: 1fr 1fr;
  }

  .credits__block__blank {
    display: none;
  }

  .camera2 {
    width: auto;
    height: auto;
  }

  .track2 {
    height: auto;
  }

  .frame2 {
    flex-direction: column;
  }

  .testblock2 {
    width: auto;
    flex-direction: column;
    padding-top: 56px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .testblock2.is--toosad {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .testblock2.is--dayofthegod {
    width: auto;
    height: auto;
    flex-direction: column;
  }

  .testblock2.is--womenexperience {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .testblock3 {
    width: auto;
    flex-direction: column;
    margin-left: 0;
    padding-top: 56px;
    padding-right: 0;
  }

  .testblock5 {
    width: auto;
    flex-direction: column;
    padding-top: 56px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .testblock5.is--toosad {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .testblock5.is--dayofthegod {
    width: auto;
    height: auto;
    flex-direction: column;
  }

  .testblock5.is--womenexperience {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .dimmer2.zindex--10 {
    display: block;
  }

  .about_description.maxwidth--500 {
    width: 100%;
    max-width: none;
    margin-bottom: 48px;
    margin-left: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .about_kaca {
    letter-spacing: 0;
    font-size: 30px;
    line-height: 38px;
  }

  .about_kaca.maxwidth--500 {
    width: 100%;
    max-width: none;
    margin-bottom: 48px;
    margin-left: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .project__bottom_wrapper {
    flex-direction: column;
    align-items: center;
  }

  .project__bottom__left, .project__bottom__right {
    font-size: 20px;
  }

  .project__bottom__center {
    margin-top: 26px;
    margin-bottom: 26px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .block2 {
    padding-bottom: 0;
  }

  .project {
    padding-bottom: 20px;
  }

  .exhibition__name {
    font-size: 17px;
  }

  .tab__menuitem {
    font-size: 20px;
  }

  .exhibition__description {
    font-size: 16px;
  }

  .project__description {
    font-size: 24px;
    line-height: 30px;
  }

  .menulink {
    margin-right: 0;
  }

  .menulink.w--current {
    padding-left: 15px;
    padding-right: 15px;
  }

  .heroimage__mobile.anjastarkivan {
    background-image: url('../images/anjastark_ivan_cover.jpg');
  }

  .kaca_profile_pic {
    width: 60px;
    height: 60px;
  }

  .bottommenu__text {
    font-size: 15px;
  }

  .about_description, .about_kaca {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 479px) {
  .item {
    margin-top: 5px;
    margin-bottom: 33px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .item__title {
    font-size: 2.2rem;
    line-height: 1.9rem;
  }

  .item__date {
    font-size: .7rem;
  }

  .dimmer.zindex--10 {
    display: none;
  }

  .body {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-5 {
    flex-direction: column;
    align-items: center;
  }

  .podnaslov {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
  }

  .project__title {
    font-size: 40px;
    line-height: 40px;
  }

  .project__year {
    font-size: 16px;
  }

  .block2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .landing__top {
    align-items: center;
  }

  .tab__menuitem {
    font-size: 19px;
  }

  .project__description {
    font-size: 20px;
    line-height: 25px;
  }

  .project__description.maxwidth--500 {
    font-size: 16px;
  }

  .tabs-menu {
    width: 100%;
    justify-content: space-between;
  }

  .menulink {
    align-self: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu {
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
  }

  .prints {
    grid-row-gap: 22px;
    grid-template-columns: 1fr 1fr;
  }

  .image-2 {
    display: none;
  }

  .heroimage__mobile.beldocs {
    background-image: url('../images/hero_beldocs.jpg');
  }

  .heroimage__mobile.egs_malta {
    background-image: url('../images/egs_malta_cover-min.jpg');
    background-position: 0 0;
    background-size: auto;
  }

  .heroimage__mobile.inpassing {
    background-image: url('../images/in-passing_cover.jpg');
  }

  .heroimage__mobile.anjastarkivan {
    background-image: url('../images/anjastark_ivan_cover.jpg');
  }

  .logo__black {
    width: 80%;
  }

  .item--is--disabled {
    margin-top: 5px;
    margin-bottom: 33px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bottommenu__text {
    font-size: 13px;
  }

  .text-block-12 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-block-13 {
    font-size: 16px;
    line-height: 20px;
  }

  .credits__item {
    align-items: center;
  }

  .credits__block__role {
    font-size: 15px;
  }

  .credits__block__name {
    font-size: 17px;
  }

  .testblock2, .testblock5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .project__left {
    width: 70%;
  }

  .dimmer2.zindex--10 {
    display: none;
  }

  .about_description {
    font-size: 20px;
    line-height: 25px;
  }

  .about_description.maxwidth--500 {
    font-size: 16px;
    line-height: 18px;
  }

  .about_kaca {
    font-size: 20px;
    line-height: 25px;
  }

  .about_kaca.maxwidth--500 {
    font-size: 16px;
    line-height: 18px;
  }
}

#w-node-fdba8850-bb1b-f342-3977-c0fbebaf890f-ce56744a, #w-node-_61d7f60a-505f-f9a0-2397-55145f2a0148-6e56744d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_69412212-5e89-e58a-f881-2d9b621844be-6e56744d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c5960042-42b7-b330-5bea-d538c5ca374a-6e56744d, #w-node-_17072964-cdf4-ab4f-5cb5-2b6803bf63d5-6e56744d, #w-node-b7b4e812-9ce0-d469-725f-03eff17ee146-6e56744d, #w-node-_465b6da3-cd3d-51f7-c592-2b57595f7377-6e56744d, #w-node-_8ca1388c-4971-d4ce-1ad5-38b4e9fbc5b1-e356744e, #w-node-cf040688-0b80-6abf-c2a0-d43922e7159e-e356744e, #w-node-c19c1a6e-9ad5-718e-0a50-64a9d639ef08-e356744e, #w-node-_67039a1b-6303-0657-e152-4f66060d4b17-e356744e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bd32f407-2a43-6465-3f8c-a02f200cdcfa-e356744e, #w-node-e73e8a26-5459-b8b5-bdfc-8b63328191e0-e356744e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f66ed43c-32b4-73dd-294e-1b81993f3349-e356744e, #w-node-_09fbf06d-b1cc-eae7-94e4-5c4e57929e43-e356744e, #w-node-c5cf9a76-c7c7-2eb7-96ef-43f5a7d5a344-e356744e, #w-node-_69412212-5e89-e58a-f881-2d9b621844be-07567451, #w-node-_9f1429e6-cb69-1e86-65f4-a8de1e40b7fd-07567451, #w-node-_156ac111-b48d-4e29-aa46-cdeda0e9f138-07567451, #w-node-a9295d79-5817-c5f6-74ee-ebc890b68fbe-07567451, #w-node-b5c32c46-01cb-55cd-afa3-93005cb1a456-07567451, #w-node-d95978bd-0b99-3db6-44b3-48ad19aa016a-07567451, #w-node-feb9cfba-bcc8-725d-7388-7bade8daee81-69567452, #w-node-_7a2c051a-3ebd-325a-83e1-43fa7984acda-69567452 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2f45dee9-ad5d-e9ba-16b0-6f6f1ccafb9b-69567452 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f1429e6-cb69-1e86-65f4-a8de1e40b7fd-69567452, #w-node-c5960042-42b7-b330-5bea-d538c5ca374a-69567452, #w-node-b5c32c46-01cb-55cd-afa3-93005cb1a456-69567452, #w-node-d3ab93e9-86ca-67c1-859b-c4e17db2f693-69567452, #w-node-_61d7f60a-505f-f9a0-2397-55145f2a0148-26567456, #w-node-c19c1a6e-9ad5-718e-0a50-64a9d639ef08-26567456, #w-node-c5960042-42b7-b330-5bea-d538c5ca374a-26567456, #w-node-_2f45dee9-ad5d-e9ba-16b0-6f6f1ccafb9b-26567456, #w-node-b5c32c46-01cb-55cd-afa3-93005cb1a456-26567456, #w-node-_9d9a5906-cea9-4663-7959-8be9bf2687bd-26567456, #w-node-_01bd7226-1f89-4e6b-6977-c96c4ae6a64b-cb567457, #w-node-c5960042-42b7-b330-5bea-d538c5ca374a-cb567457, #w-node-_6f8207d3-51aa-6cf9-ad20-04a3d220e46d-cb567457, #w-node-_64cd4737-0243-3d40-5293-edfab7921d0d-cb567457, #w-node-_116c2214-8ae5-0be3-4eb9-e9ec29b0c793-cb567457, #w-node-_64cd4737-0243-3d40-5293-edfab7921d0d-ae567458, #w-node-c8cd92ae-6523-67d3-6f17-5ea288fb089e-ae567458, #w-node-_69412212-5e89-e58a-f881-2d9b621844be-1baf25ca, #w-node-_9f1429e6-cb69-1e86-65f4-a8de1e40b7fd-1baf25ca, #w-node-_156ac111-b48d-4e29-aa46-cdeda0e9f138-1baf25ca, #w-node-a9295d79-5817-c5f6-74ee-ebc890b68fbe-1baf25ca, #w-node-b5c32c46-01cb-55cd-afa3-93005cb1a456-1baf25ca, #w-node-d95978bd-0b99-3db6-44b3-48ad19aa016a-1baf25ca, #w-node-_69412212-5e89-e58a-f881-2d9b621844be-c94a7c28, #w-node-_9f1429e6-cb69-1e86-65f4-a8de1e40b7fd-c94a7c28, #w-node-_939fcbec-5798-54e9-90db-9d65d14bb9c8-c94a7c28, #w-node-_156ac111-b48d-4e29-aa46-cdeda0e9f138-c94a7c28, #w-node-a480269f-4b74-0f28-5eb3-fa09d5d81b8a-c94a7c28, #w-node-b012951e-13ec-d843-117b-46e5b76a27cf-c94a7c28, #w-node-a9295d79-5817-c5f6-74ee-ebc890b68fbe-c94a7c28 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1604d296-5dec-358f-7f90-d6ad274d30f2-c94a7c28, #w-node-_2fb897c3-0938-117c-e5a1-8ca2fc547eca-c94a7c28 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_79e1072a-2607-6af5-8b8c-553968c8e1d9-c94a7c28, #w-node-_38995a49-8a5a-ebbe-9ccb-f5f69a2fb350-c94a7c28, #w-node-_48b79d65-03e1-a59a-f85f-2f507bbd0248-c94a7c28 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cc07efe7-20fd-344e-3b9a-6ddaa2361b05-c94a7c28 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5c32c46-01cb-55cd-afa3-93005cb1a456-c94a7c28, #w-node-d95978bd-0b99-3db6-44b3-48ad19aa016a-c94a7c28, #w-node-_8ca1388c-4971-d4ce-1ad5-38b4e9fbc5b1-e0589318, #w-node-cf040688-0b80-6abf-c2a0-d43922e7159e-e0589318, #w-node-c19c1a6e-9ad5-718e-0a50-64a9d639ef08-e0589318, #w-node-_67039a1b-6303-0657-e152-4f66060d4b17-e0589318, #w-node-a20dca68-fdae-b344-8e35-6d3fed9a840b-e0589318, #w-node-c5cf9a76-c7c7-2eb7-96ef-43f5a7d5a344-e0589318, #w-node-_8ca1388c-4971-d4ce-1ad5-38b4e9fbc5b1-ee7754af {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cf040688-0b80-6abf-c2a0-d43922e7159e-ee7754af, #w-node-_636475ab-8e9f-3942-5213-236523968814-ee7754af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c19c1a6e-9ad5-718e-0a50-64a9d639ef08-ee7754af, #w-node-_67039a1b-6303-0657-e152-4f66060d4b17-ee7754af, #w-node-c5cf9a76-c7c7-2eb7-96ef-43f5a7d5a344-ee7754af, #w-node-_8ca1388c-4971-d4ce-1ad5-38b4e9fbc5b1-c09d8772, #w-node-cf040688-0b80-6abf-c2a0-d43922e7159e-c09d8772, #w-node-a20dca68-fdae-b344-8e35-6d3fed9a840b-c09d8772, #w-node-c5cf9a76-c7c7-2eb7-96ef-43f5a7d5a344-c09d8772 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_95e3bb41-efaa-3160-fb94-534d2da6d96a-2da6d967 {
    order: -9999;
  }
}


@font-face {
  font-family: 'Hkgrotesk';
  src: url('../fonts/HKGrotesk-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hkgrotesk';
  src: url('../fonts/HKGrotesk-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hkgrotesk';
  src: url('../fonts/HKGrotesk-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hkgrotesk';
  src: url('../fonts/HKGrotesk-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}