@font-face {
  src: url(/static/fonts/Mardoto-Black.ttf);
  font-family: citizen-m-bl;
}

@font-face {
  src: url(/static/fonts/Mardoto-Bold.ttf);
  font-family: citizen-m-b;
}

@font-face {
  src: url(/static/fonts/Mardoto-Medium.ttf);
  font-family: citizen-m-m;
}

@font-face {
  src: url(/static/fonts/Mardoto-Regular.ttf);
  font-family: citizen-m-r;
}

@font-face {
  src: url(/static/fonts/Mardoto-Light.ttf);
  font-family: citizen-m-l;
}

@font-face {
  src: url(/static/fonts/Mardoto-Thin.ttf);
  font-family: citizen-m-t;
}

.citizen-m-bl {
  font-family: citizen-m-bl;
  letter-spacing: 0.05rem;
}

.citizen-m-b {
  font-family: citizen-m-b;
  letter-spacing: 0.02rem;
}

.citizen-m-m {
  font-family: citizen-m-m;
  letter-spacing: 0.05rem;
}

.citizen-m-r {
  font-family: citizen-m-r;
  letter-spacing: 0.02rem;
}

.citizen-m-l {
  font-family: citizen-m-l;
  letter-spacing: 0.02rem;
}

.citizen-m-t {
  font-family: citizen-m-t;
  letter-spacing: 0.02rem;
}

*:focus {
  outline: none;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff !important;
  background: #b8bec4 !important;
}

::selection {
  color: #fff !important;
  background: #b8bec4 !important;
}

.image-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.basic-image-cover {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hidden {
  display: none !important;
}