/* ------------------RESPONSIVE IZGARA------------------- */
@media only screen and (min-width: 993px) {
  .col-flex {
    display: flex;
  }
  .col-1 {
    width: 8.333333333%;
  }
  .col-2 {
    width: 16.66666667%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.33333333%;
  }
  .col-5 {
    width: 41.66666667%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.33333333%;
  }
  .col-8 {
    width: 66.66666667%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.33333333%;
  }
  .col-11 {
    width: 91.66666667%;
  }
  .col-12 {
    width: 100%;
  }
  .col-x1 {
    width: calc(50% - 5px);
  }
  .col-x2 {
    width: calc((100% - 30px) / 4);
  }
}
/* telefon */
@media only screen and (max-width: 600px) {
  body .blog {
    flex-wrap: wrap;
  }
  .col-s-none {
    display: none;
  }
  .col-s-1 {
    width: 8.333333333%;
  }
  .col-s-2 {
    width: 16.66666667%;
  }
  .col-s-3 {
    width: 25%;
  }
  .col-s-4 {
    width: 33.33333333%;
  }
  .col-s-5 {
    width: 41.66666667%;
  }
  .col-s-6 {
    width: 50%;
  }
  .col-s-7 {
    width: 58.33333333%;
  }
  .col-s-8 {
    width: 66.66666667%;
  }
  .col-s-9 {
    width: 75%;
  }
  .col-s-10 {
    width: 83.33333333%;
  }
  .col-s-11 {
    width: 91.66666667%;
  }
  .col-s-12 {
    width: 100%;
  }
  .blog {
    flex-wrap: wrap;
  }
  :root {
    --mansetfont:2em;
  }
}
/* tablet */
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .col-m-flex {
    display: flex;
  }
  .col-m-1 {
    width: 8.333333333%;
  }
  .col-m-2 {
    width: 16.66666667%;
  }
  .col-m-3 {
    width: 25%;
  }
  .col-m-4 {
    width: 33.33333333%;
  }
  .col-m-5 {
    width: 41.66666667%;
  }
  .col-m-6 {
    width: 50%;
  }
  .col-m-7 {
    width: 58.33333333%;
  }
  .col-m-8 {
    width: 66.66666667%;
  }
  .col-m-9 {
    width: 75%;
  }
  .col-m-10 {
    width: 83.33333333%;
  }
  .col-m-11 {
    width: 91.66666667%;
  }
  .col-m-12 {
    width: 100%;
  }
  .col-m-x1 {
    width: calc(50% - 5px);
  }
}
/* ------------------umcetin TEMP---------------------- */
.dflex {
  display: flex;
}

.dgrid {
  display: grid;
}

.dnone {
  display: none;
}

.posrel {
  position: relative;
}

.posab {
  position: absolute;
}

.posstac {
  position: static;
}

.posfix {
  position: fixed;
}

.wcenter {
  justify-content: center;
}

.hcenter {
  align-items: center;
}

.h-top {
  align-items: flex-start;
}

.center {
  justify-content: center;
  align-items: center;
}

.m-top-1 {
  margin-top: 2em;
}

.fill-main {
  fill: var(--main-color);
}

.vis-hid {
  visibility: hidden;
}

.vis-vis {
  visibility: visible;
}

.vh100 {
  height: 100vh;
}

.vw100 {
  width: 100vw;
}

.h100 {
  height: 100%;
}

.w100 {
  width: 100%;
}

.wlarge {
  width: 110%;
}

.full {
  height: 100%;
  width: 100%;
}

.zi-full {
  z-index: 9999;
}

.bg-main {
  background-color: var(--main-color);
}

.bg-perde {
  background-color: rgba(0, 0, 0, 0.6235294118);
}

.bg-perde-white {
  background-color: rgba(255, 255, 255, 0.9607843137);
}

.bg-perde-black {
  background-color: #090909;
}

.text-main-col {
  color: var(--main-text-color);
}

.text-main-l-col {
  color: var(--main-text-light-color);
}

.margin-b-1 {
  margin-bottom: 1em;
}

.margin-t-1 {
  margin-top: 1em;
}

.wrap {
  flex-wrap: wrap;
}

.nowrap {
  flex-wrap: nowrap;
}

.gap-1 {
  gap: 10px;
}

.aspect-1 {
  aspect-ratio: 1/1;
}

.aspect-2 {
  aspect-ratio: 10/6;
}

.overflow-h {
  overflow: hidden;
}

.cursor {
  cursor: pointer;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.top-1 {
  top: 10%;
}

.left-1 {
  left: 10%;
}

.right-1 {
  right: 10%;
}

.bottom-1 {
  bottom: 10%;
}

.op-0 {
  filter: opacity(0);
}

.op-1 {
  filter: opacity(1);
}

.trans-fil {
  transition: filter 0.3s;
}

.trans-w {
  transition: width 10s;
}

.orta {
  transform: translate(-50%, -50%);
}

.t-shadow-1 {
  text-shadow: 0 0 3px black;
}

.font-size-1 {
  font-size: calc(1em + 0.5vw);
}

.font-size-2 {
  font-size: calc(2em + 0.5vw);
}/*# sourceMappingURL=responsive.css.map */