@font-face {
  font-family: inter-italic;
  src: url('../font/Inter-Italic-VariableFont_opsz,wght.ttf');
}
@font-face {
  font-family: inter;
  src: url('../font/Inter-VariableFont_opsz,wght.ttf');
}
body {
  font-family: inter;
  scroll-behavior: smooth;
}
.h1-animacija > h1:nth-child(odd) {
  clip-path: inset(0px 100% 0px 0%);
  animation: odkrivanje-texta 2s forwards;
}
.h1-animacija > h1:nth-child(even) {
  clip-path: inset(0px 100% 0px 0%);
  animation: odkrivanje-texta 2s 1.5s forwards;
}
.h1-pravokotnik:nth-child(odd) {
  /*width: 57%;*/
  width: 85%;
  height: 54px;
  position: absolute;
  top: 0px;
  background: #015cff;
  clip-path: inset(0px 80% 0px 0%);
  animation: odkrivanje-pravokotnika 1s forwards;
}
.h1-pravokotnik:nth-child(even) {
  /*width: 35%;*/
  width: 88%;
  /*height: 54px;*/
  height: 105px;
  position: absolute;
  top: 50px;
  background: #015cff;
  clip-path: inset(0px 100% 0px 0%);
  animation: odkrivanje-pravokotnika 1s 1.5s forwards;
}
.naslovni,
.naslovni-projects,
.naslovni-about,
.naslovni-services,
.naslovni-contacts {
  padding: 5px;
  clip-path: inset(0px 100% 0px 0%);
  /*animation: odkrivanje-texta 1.5s 2s forwards;*/
}
.naslovni-manjsi {
  clip-path: inset(0px 100% 0px 0%);
}
.osnovna {
  position: relative;
  z-index: 200;
  overflow: hidden;
  background: #01031d;
}
.kvadrat1 {
  width: 73%;
  position: relative;
  left: 66%;
}
.kvadrat2 {
  position: relative;
  /*  top: -31%;
  left: 51%;*/
  top: -32%;
  left: 45%;
}
.kvadrat3 {
  width: 19%;
  position: relative;
  /*  left: 42%;
  top: -21%;*/
  left: 37%;
  top: -23%;
}
.puscica-text {
  position: relative;
  top: 35%;
  left: 34%;
  z-index: 100;
}
.puscica-text > span {
  cursor: pointer;
}
.puscica-dol {
  position: relative;
  rotate: 180deg;
  cursor: pointer;
  animation: upAndDown 2s infinite;
}
.puscica-dol path {
  fill: blue;
}
.ozadje {
  background-color: #01031d;
}
.misit-logo-footer {
  position: relative;
  bottom: 110px;
  scale: 1.02;
}
.misit-logo-footer-all-projects {
  position: relative;
  bottom: -105px;
  scale: 1.02;
  z-index: -10;
}
.zvezdica {
  position: relative;
  right: 78%;
}
.zvezdica-projekti {
  position: relative;
  right: 150%;
}
.odmik-glavna {
  position: relative;
  top: 15%;
  left: 20%;
}
.odmik-glavna > h1,
.naslov-vecji > h1 {
  font-size: 60px;
}
.naslov-vecji > h1 {
  position: relative;
  left: 10%;
}
.odmik-glavna > h4 {
  padding-top: 1.5rem;
}
.bg-pika-border {
  width: 14px;
  height: 14px;
  background: blue;
  color: white;
  position: relative;
  /*left: 29%;*/
  left: 21%;
  top: -21px;
  border-radius: 2px;
}
.bg-pika-border::after {
  content: '.';
  position: relative;
  top: -29px;
  left: 2px;
}
.naslovna-zvezda path {
  fill: blue;
}
.naslovna-zvezda-meni {
  display: none;
}
.povdarjeno {
  background: blue;
  border-radius: 3px;
  padding: 10px;
}
.pz-2 {
  padding-left: 2rem;
}
.pt-9 {
  padding-top: 7rem;
}
.pt-10 {
  padding-top: 8rem;
}
.pt-15 {
  padding-top: 10rem;
}
.p-15 {
  padding: 10rem;
}
.about-sekcija {
  z-index: 100;
  position: relative;
  /*top:-200px;*/
  top: 0px;
  overflow: hidden;
  height: 83vh;
  /* height: 100vh; */
  background: #01031d;
}
.about-slika-desno {
  position: relative;
  height: 450px;
  top: -300px;
}
.about-slika-desno > svg {
  position: relative;
  left: 97%;
  /*top: 22%;*/
  top: -10%;
  width: 53%;
}
.about-slika-desno > svg path {
  fill: #111737;
  /*box-shadow: 0 0 100px 50px rgba(132, 158, 227, 0.5);*/
  /*filter: drop-shadow( 3px 3px 2px rgba(132, 158, 227, 0.5));*/
}
.about-h1-pravokotnik {
  /*width: 8%;*/
  width: 16%;
  height: 54px;
  position: absolute;
  background: #015cff;
  clip-path: inset(0px 70% 0px 0%);
  top: 159px;
  /*animation: odkrivanje-pravokotnika-about 0.5s 2s forwards;*/
}
.about-gradient-bg {
  width: 100%;
  height: 655px; /* same as SVG height */
  background: linear-gradient(
    rgba(132, 158, 227, 0.2) 0%,
    rgba(132, 158, 227, 0) 100%
  );
  /*clip-path: path("M702 0h935v655H0v-138.771h188.561c137.142 0 266.08-53.405 363.059-150.382S702 0 702 0Z"); */
  clip-path: polygon(
    100% 0%,
    100% 100%,
    0% 100%,
    25.83% 94.43%,
    28.59% 90.89%,
    30.88% 87.39%,
    32.72% 83.34%,
    34.78% 77.98%,
    37.18% 71.34%,
    39.63% 62.89%,
    41.92% 52.19%,
    43.71% 43.74%,
    45.18% 33.6%,
    46.39% 25.15%,
    47.32% 17.83%,
    47.73% 12.77%,
    48.05% 6.26%,
    48.21% 2px
  );
  /*margin-left:300px;*/
  opacity: 0.2;
  /*filter: drop-shadow(0 8px 6px -6px white);
/*  box-shadow: 0 0 100px 50px rgba(132, 158, 227, 0.5);
  filter: blur(10px);*/
}
.about-text-desno {
  position: relative;
  top: -754px;
}
.about-background-levo {
  position: relative;
  top: -690px;
}
.about-statistika-text {
  display: none;
}
.services-sekcija {
  z-index: 100;
  position: relative;
  top: -200px;
  overflow: hidden;
  height: 115vh;
  background: #01031d;
}
.services-kvadrat {
  width: 100%;
  rotate: 90deg;
}
.services-kvadrat-s-levo {
  width: 100%;
  rotate: 0deg;
}
.services-kvadrat-z-desno {
  width: 100%;
  rotate: 180deg;
}
.services-kvadrat-s-desno {
  width: 100%;
  rotate: 270deg;
}
.grafika-storitve-animacija-levo {
  display: inline;
  stroke-width: 2;
  /* stroke: #fff; */
  fill: #8484ff;
  fill-opacity: 0.15;
  stroke-dasharray: 10 2443.8;
  stroke-dashoffset: 200;
  stroke-linecap: round;
  /* animation: risanje-levo 5s linear infinite; */
  /* animation-direction: normal; */
  filter: drop-shadow(0 0 6px #fff);
  /* transition: stroke-dashoffset 5s ease; */
}
.grafika-storitve-animacija-desno {
  display: inline;
  stroke-width: 2;
  /* stroke: #fff; */
  fill: #8484ff;
  fill-opacity: 0.15;
  stroke-dasharray: 10 2443.8;
  stroke-dashoffset: 200;
  stroke-linecap: round;
  /* animation: risanje-desno 5s linear infinite; */
  /* animation-direction: normal; */
  filter: drop-shadow(0 0 6px #fff);
  /* transition: stroke-dashoffset 5s ease; */
}
.storitve-grafika-desno {
  transform: scaleX(-1);
  position: relative;
  top: -400px;
}
.storitve-grafika-desno-project {
  transform: scaleX(-1);
  position: relative;
  right: -55%;
}
.storitve-text-desno {
  text-align: center;
  position: relative;
  top: -50%;
  right: -30%;
}
.storitve-text-levo {
  text-align: center;
  position: relative;
  top: -50%;
  left: 58%;
}
.storitve-zaupanje-text {
  text-align: center;
  color: white;
}
.storitve-h1-pravokotnik {
  width: 11%;
  height: 54px;
  position: absolute;
  background: #015cff;
  clip-path: inset(0px 80% 0px 0%);
  top: 130px;
  /*animation: odkrivanje-pravokotnika-about 0.5s 2s forwards;*/
}
.storitve-h3-pravokotnik {
  width: 11%;
  height: 50px;
  position: absolute;
  background: #015cff;
  clip-path: inset(0px 80% 0px 0%);
  /*top: 340px;*/
  top: 537px;
}
.services-povdarjen-text,
.services-povdarjen-text-spodaj {
  clip-path: inset(0px 100% 0px 0%);
}
.services-podjetja {
  display: none;
  background: transparent; /* začasno */
  border-radius: 10px; /* začasno */
  border: 3px solid #01031d; /* začasno */
}
.services-podjetja > img {
  border-radius: 10px;
}
.slika-vertical {
  transform: scaleX(-1);
}
.slika-horizontal {
  transform: scaleY(-1);
}
.slika-horizontal-vertical {
  transform: scaleY(-1) scaleX(-1);
}
/* Service boxes with background images */
.storitve-box {
  background-image: url('../images/svg/square-storitve.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 250px;
  aspect-ratio: 1 / 1;
  position: relative;
  padding: 2rem;
  text-align: center;
}
/* Override list__item styles for centered text in service boxes */
.storitve-box {
  display: block !important;
  width: auto !important;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: -170px;
  left: 40%;
}
.list__item {
  display: block !important;
  width: auto !important;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: -50%;
  text-align: center;
}
.storitve-box .list__item::before {
  display: none !important; /* Hide the counter */
}
.storitve-box .list__item-col {
  padding: 0;
  line-height: 1.4;
}
.storitve-box:hover {
  background-color: rgb(255, 255, 255, 0.1);
  /* border: 1px solid #fff; */
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s linear;
}
.storitve-box-flip-x {
  transform: scaleX(-1);
}
.storitve-box-flip-x .list__item {
  transform: scaleX(-1);
}
.storitve-box-flip-y {
  transform: scaleY(-1);
}
.storitve-box-flip-y .list__item {
  transform: scaleY(-1);
}
.storitve-box-flip-xy {
  transform: scaleX(-1) scaleY(-1);
}
.storitve-box-flip-xy .list__item {
  transform: scaleX(-1) scaleY(-1);
}
/** PROJECTS **/
.projects-sekcija-before {
  width: 100%;
  background-color: #151b3b;
  -webkit-mask: url('../images/svg/mask-background-home.svg') top center / 100%
    auto no-repeat;
  mask: url('../images/svg/mask-background-home.svg') top center / 100% auto
    no-repeat;
  height: 100px;
  top: -222px;
  position: relative;
  z-index: 100;
}
.projects-sekcija {
  z-index: 100;
  position: relative;
  top: -245px;
  overflow: hidden;
  height: 100vh;
  background: #151b3b;
  border-radius: 25px;
}
.projects-animacija-zgoraj {
  position: relative;
  top: -5px;
}
.projekti-slika-levo-svg {
  fill: #01031d;
}
/* Project Detail Component Styles */
.project-detail-section {
  background: #01031d;
  min-height: 100vh;
  padding: 2rem 0;
}

.project-title {
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.project-description {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
}

.stat-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}
/*.project-slika > img {
  mask: url("../images/svg/mask-image-home-gradient.svg") no-repeat;
  width: 106%;
}*/
.stat-box:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #015cff;
}

.stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
}

.stat-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.project-image-container {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.project-main-image {
  width: 100%;
  height: auto;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.project-main-image:hover {
  transform: scale(1.02);
}

.project-info-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  padding: 2rem 1.5rem 1rem;
  border-radius: 0 0 12px 12px;
}

.info-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.info-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}

.info-value {
  color: #fff;
  font-weight: 600;
}

.project-navigation {
  margin-top: 3rem;
  padding: 2rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-link {
  text-decoration: none;
  transition: color 0.3s ease;
  transition: all 0.3s;
}

.izbran-meni {
  color: #849ee3 !important;
  /*  border-bottom: 1px solid #849ee3;
  border-radius: 10px;*/
}
.nav-link,
.izbran-meni {
  position: relative;
}
.nav-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  /*background: linear-gradient(90deg, #F1C40F, #E74C3C);*/
  background: linear-gradient(
    to left,
    #00164e,
    #151b3b,
    #fff,
    #151b3b,
    #00164e
  );
  border-radius: 0;
  transition: all 0.5s ease-in-out;
}
.nav-link:hover::before {
  width: 100%;
  border-radius: 50%;
}
.izbran-meni::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 50% !important;
  height: 4px;
  /*background: linear-gradient(90deg, #F1C40F, #E74C3C);*/
  background: linear-gradient(
    to left,
    #00164e,
    #151b3b,
    #fff,
    #151b3b,
    #00164e
  );
  border-radius: 0;
  transition: all 0.5s ease-in-out;
}
.project-title-clickable {
  cursor: pointer;
  transition: color 0.3s ease;
}

.project-title-clickable:hover {
  color: #015cff !important;
}
.projects-vsebina {
  position: relative;
  /*top: -1000px;*/
}
.projekti-slika-levo {
  position: relative;
  right: 6%;
}
.projects-slika-okvir {
  overflow: hidden;
}
.projects-slika-okvir path {
  fill: blue;
  /*animation: utripanje 3s linear 2s infinite alternate;*/
}
.projects-slika-okvir::after {
  content: url('../images/svg/projekti.jpg');
}
.projects-naslovna-animacija {
  display: inline;
  stroke-width: 2;
  stroke: #fff;
  fill: #8484ff;
  fill-opacity: 0.15;
  stroke-dasharray: 5 3222;
  stroke-dashoffset: 966.6;
  stroke-linecap: round;
  animation: projects-risanje 3s linear infinite;
  animation-direction: normal;
  filter: drop-shadow(0 0 6px #fff);
  transition: stroke-dashoffset 5s ease;
}
.project-slika {
  position: relative;
  top: -530px;
}
.projects-slika-animacija {
  display: inline;
  stroke-width: 2;
  stroke: #00164e;
  fill: #8484ff;
  fill-opacity: 0;
  stroke-dasharray: 10 2553.2;
  stroke-dashoffset: 200;
  stroke-linecap: round;
  animation: risanje-slika 5s linear infinite;
  animation-direction: normal;
  filter: drop-shadow(0 0 6px #fff);
  transition: stroke-dashoffset 5s ease;
}
.projects-h1-pravokotnik {
  width: 11%;
  height: 54px;
  position: absolute;
  background: #015cff;
  clip-path: inset(0px 80% 0px 0%);
  top: 130px;
  /*animation: odkrivanje-pravokotnika-about 0.5s 2s forwards;*/
}
.puscica-desno {
  rotate: 90deg;
}
.puscica-desno path {
  fill: white;
}

.projects-detail-puscica-dol {
  display: none;
}
.projects-sekcija-after {
  position: relative;
  width: 61%;
  top: -247px;
  z-index: 200;
  left: 20%;
  height: 1px;
  background: linear-gradient(
    to left,
    #00164e,
    #151b3b,
    #fff,
    #151b3b,
    #00164e
  );
}
.contacts-sekcija {
  z-index: 2;
  /*position: relative;*/
  overflow: hidden;
  height: 100vh;
  background: #01031d;
}
.contacts-sekcija > .container-fluid {
  z-index: 2;
}
.contacts-sekcija > .container-fluid > .row {
  z-index: 2;
}
.contacts-slika-levo {
  position: relative;
  right: 149%;
  rotate: 90deg;
}
.contacts-list {
  list-style: none;
}
.contacts-list > li > a {
  color: white;
  text-decoration: none;
  transition: all 0.5s;
}
.contacts-list > li > a:hover {
  color: #849ee3;
  font-size: 15px;
}
.contacts-h1-pravokotnik {
  width: 33%;
  height: 54px;
  position: absolute;
  background: #015cff;
  clip-path: inset(0px 90% 0px 0%);
  top: 163px;
  /*animation: odkrivanje-pravokotnika-about 0.5s 2s forwards; */
}
.input-misit {
  width: 100%;
  border: none;
  background: #01031d;
  border-bottom: 1px solid white;
  color: white;
  height: 70px;
}
.input-misit:active,
.input-misit:focus {
  outline: none;
  border: none;
}
.label-input-misit {
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, #1b3789, #6e80af, #fff);
  position: relative;
  top: 81%;
}
.textarea-misit {
  border: 1px solid white;
  width: 100%;
  border-radius: 10px;
  height: 180px;
  background: #080c28;
  color: gray;
  padding: 15px;
}
.textarea-misit:active,
.textarea-misit:focus {
  outline: none;
  border-top: none;
  border-bottom: none;
}
.label-pred-textarea-misit {
  width: 97%;
  height: 2px;
  background: linear-gradient(to left, #1b3789, #6e80af, #fff);
  position: relative;
  top: 3%;
}
.label-po-textarea-misit {
  width: 97%;
  height: 2px;
  background: linear-gradient(to left, #1b3789, #6e80af, #fff);
  position: relative;
  top: -6%;
}
.contacts-slika-desno {
  position: relative;
  right: 12%;
}
.contacts-kontaktni {
  z-index: 100;
}
.hovering {
  mask-image: radial-gradient(
    circle 320px at var(--mx) var(--my),
    transparent 0%,
    black 100%
  );
  mask-mode: alpha;
}

.project-item {
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.project-item:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 15px;
  margin: -5px;
}

.project-image-preview {
  position: fixed;
  width: 400px;
  height: 250px;
  border-radius: 12px;
  border: 1px solid #015cff;
  box-shadow: 0 0 30px rgba(1, 92, 255, 0.4);
  z-index: 1000;
  pointer-events: none;
  transform: translate(20px, -75px);
  opacity: 1;
  overflow: hidden;
  animation: fadeIn 0.3s ease-in-out;
}

.project-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
}
.odmik-footer {
  width: 100%;
  height: 100vh;
}
.about-okrepljeno-barva {
  color: #00f;
  font-size: 25px;
}
/** VSI PROJEKTI **/
.projects-all-sekcija {
  /*height: 210vh;*/
  overflow: hidden;
  background: #01031d;
  z-index: 200;
  position: relative;
  top: 100px;
}

/** POSAMEZEN PROJEKT **/
.projects-detail-zvezdica {
  position: absolute;
  right: 75%;
  top: 27%;
}
.projects-detail-zvezdica-okvir {
  width: 50px;
  height: 50px;
  position: relative;
  background: #00f;
  top: -590px;
  left: 7%;
  text-align: center;
}
.projects-detail-zvezdica-okvir-barva {
  position: relative;
  top: 20%;
}
.projects-detail-zvezdica-okvir-barva path {
  fill: white;
}
.projects-detail-okvir-bg {
  fill: #151b3b;
}
.projects-detail-okvir {
  position: relative;
  right: 44%;
  z-index: 200;
}
.projects-detail-vsebina {
  position: relative;
  top: -472px;
}
.main-diagram-image > img {
  max-width: 80% !important;
}
.secondary-diagram-image > img {
  position: relative;
  right: 32%;
}
.projects-detail-grafika-levo {
  position: relative;
  right: 10%;
}
.project-detail-grafika-desno {
  transform: scaleX(-1);
  position: relative;
  left: 61%;
}
.projects-detail-stats-number {
  font-size: 120px;
  width: 65%;
  height: 200px;
  background: #015cff;
  text-align: center;
}
.projects-detail-stats-description {
  color: gray;
  padding: 5px;
}
.projects-detail-cta {
  position: relative;
  top: -510px;
}
.projects-detail-cta-grafika-desno {
  position: relative;
  top: -200px;
}
.projects-detail-cta-grafika-desno > svg {
  width: 100%;
  opacity: 0.3;
}
.projects-detail-higlighted {
  position: relative;
  top: -200px;
}
.projects-detail-arrow-left {
  rotate: -90deg;
  fill: blue;
  /*width: 30%;*/
}
.projects-detail-arrow-right {
  rotate: 90deg;
  fill: blue;
  /*width: 30%;*/
}
.projects-detail-cta-zvedzica-desno {
  position: relative;
  left: 50%;
  top: -48%;
}
.projects-detail-cta-zvedzica-desno > img {
  width: 25%;
}
.highlight {
  clip-path: inset(0px 100% 0px 0%);
  animation: 2s forwards bg-reveal;
}
.project-detail-page-bg-reveal-up,
.project-detail-page-bg-reveal-down {
  position: fixed;
  left: 0;
  width: 100%;
  height: 50vh;
  /*background: #01031d;*/
  background: #151b3b;
  z-index: 200;
  transform-origin: center;
}

/* Top half */
.project-detail-page-bg-reveal-up {
  top: 0;
  transform: translateY(-100%);
}

/* Bottom half */
.project-detail-page-bg-reveal-down {
  bottom: 0;
  transform: translateY(100%);
}
.project-detail-page-bg-reveal {
  position: relative;
  z-index: 300;
}
/* aktivno stanje */
.project-detail-page-bg-reveal.active .project-detail-page-bg-reveal-up {
  transform: translateY(0);
  transition: transform 0.6s ease-in-out;
}

.project-detail-page-bg-reveal.active .project-detail-page-bg-reveal-down {
  transform: translateY(0);
  transition: transform 0.6s ease-in-out;
}

/* razkrivanje */
.project-detail-page-bg-reveal.hide .project-detail-page-bg-reveal-up {
  transform: translateY(-100%);
  transition: transform 0.6s ease-in-out;
}

.project-detail-page-bg-reveal.hide .project-detail-page-bg-reveal-down {
  transform: translateY(100%);
  transition: transform 0.6s ease-in-out;
}
.projects-detail-stats-animation {
  /*display: none;*/
}
.projects-detail-puscica-dol {
  position: relative;
  top: 50%;
  left: 45%;
  animation: upAndDownProjects 2s infinite;
}
.projects-detail-puscica-dol > svg path {
  fill: blue;
}
.projects-detail-puscica-dol > svg {
  rotate: 180deg;
}
/*.project-detail-page-bg-reveal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  pointer-events: none;
  grid-template-rows: repeat(2,1fr);
}*/

.overlay__row {
  background: var(--color-overlay);
  transform: scaleY(0);
  will-change: transform;
}

.overlay__row:first-child {
  transform-origin: 50% 0%;
}

.overlay__row:last-child {
  transform-origin: 50% 100%;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(20px, -75px) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translate(20px, -75px) scale(1);
  }
}
@keyframes projectbgdropup {
  0% {
    height: 0vh;
    display: inline-block;
  }
  90% {
    height: 50vh;
  }
  100% {
    height: 0vh;
    /*display: none;*/
  }
}
@keyframes projectbgdropdown {
  0% {
    height: 0vh;
    top: 940px;
    display: inline-block;
  }
  90% {
    height: 50vh;
    top: 470px;
  }
  100% {
    height: 0vh;
    /*display: none;*/
  }
}
@keyframes bg-reveal {
  from {
    clip-path: inset(0px 100% 0px 0%);
  }
  to {
    clip-path: inset(0px 0% 0px 0%);
  }
}
@media screen and (min-width: 2560px) {
  .h1-animacija > h1 {
    font-size: 3rem;
  }
  .odmik-glavna {
    left: 26%;
  }
  .odmik-glavna > h4 {
    padding-top: 3.5rem;
    position: relative;
    left: 23%;
  }
  .kvadrat2 {
    top: -31%;
    left: 56%;
  }
  .kvadrat3 {
    left: 48%;
    top: -19%;
  }
  .puscica-text {
    top: 60%;
  }
  .zvezdica {
    right: 58%;
  }
  .bg-pika-border {
    left: 97%;
  }
  .bg-pika-border::after {
    top: -36px;
  }
  .h1-pravokotnik:nth-child(odd) {
    width: 67%;
  }
  .h1-pravokotnik:nth-child(even) {
    height: 79px;
    width: 100%;
  }
  .storitve-h3-pravokotnik {
    top: 490px;
  }
  /** ABOUT **/
  .about-slika-desno > svg {
    left: 90%;
    -webkit-filter: drop-shadow(-10px 2px 32px rgba(255, 255, 255, 0.3));
    filter: drop-shadow(-10px 2px 32px rgba(255, 255, 255, 0.3));
    top: 6%;
  }
  .about-gradient-bg {
    clip-path: polygon(
      100% 0%,
      100% 100%,
      0% 100%,
      22.24% 76.87%,
      24.4% 73.5%,
      26.66% 68.92%,
      28.75% 63.34%,
      30.52% 57.06%,
      31.79% 50.57%,
      32.91% 43.5%,
      33.8% 37.84%,
      34.8% 31.68%,
      35.66% 24.74%,
      36.15% 18.73%,
      36.5% 12.49%,
      36.79% 8.04%,
      36.91% 5.04%,
      37.07% 0px
    );
  }
  /*  .about-vsebina-desno-bg {
    width: 640px;
    height: 593px;
    position: relative;
    top: -909px;
    background: linear-gradient(rgba(132, 158, 227, 0.2) 0%, rgba(132, 158, 227, 0) 100%);
    opacity: 0.2;
    left: 505px;
  }*/
  /** PROJECTS **/
  .projects-sekcija-before {
    height: 150px;
    top: -240px;
  }
  .projects-sekcija {
    top: -280px;
  }
  .projekti-slika-levo {
    right: 4%;
  }
  .projects-sekcija-after {
    top: -280px;
  }

  /** PROJECTS-DETAIL **/
  .project-detail-page {
    height: 360vh !important;
  }
  .projects-detail-zvezdica {
    position: relative;
    right: 13%;
    top: -278px;
  }
  .projects-detail-zvezdica > img {
    width: 25%;
  }
  .project-detail-grafika-desno {
    left: 43%;
  }
  .projects-detail-numbers-sekcija {
    position: relative;
    top: -450px;
  }
  .diagram-section {
    position: relative;
    top: -500px;
    padding-top: 0px !important;
  }
  .main-diagram-image {
    text-align: center !important;
    top: -47px;
    position: relative;
  }
  .projects-detail-okvir {
    right: 33.7%;
    width: 100%;
    top: -509px;
  }
  .projects-detail-vsebina {
    top: -975px;
  }
  .projects-detail-zvezdica-okvir {
    top: -1230px;
    left: 3%;
  }
  .section-description {
    padding: 3rem;
    text-align: justify;
  }
  .secondary-diagram-image > img {
    right: 40%;
    top: -138px;
  }
  .projects-detail-cta {
    top: -1500px;
  }
  .projects-detail-grafika-levo {
    right: 7%;
  }
  .projects-detail-cta-zvedzica-desno {
    position: relative;
    left: 50%;
    top: -37%;
  }
  .projects-detail-cta-zvedzica-desno > img {
    width: 25%;
  }
  .project-navigation-footer {
    /*top: -1590px !important; */
    /*top: -1980px !important;*/
    top: -2415px !important;
  }
  .misit-logo-footer-all-projects {
    bottom: -140px;
  }
}
@media screen and (min-width: 1536px) and (max-width: 1919px) {
  /** SPLOŠNI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    font-size: 25px;
  }
  /** OSNOVNA **/
  .osnovna {
    height: 110vh;
  }
  .odmik-glavna > .h1-animacija > h1 {
    width: 650px;
  }
  .odmik-glavna > h4 {
    width: 440px;
    font-size: 20px;
  }
  .bg-pika-border {
    left: 25%;
  }
  .bg-pika-border::after {
    top: -29px;
  }
  .puscica-text {
    top: 30%;
  }
  .puscica-dol {
    width: 10%;
  }
  .zvezdica {
    right: 58%;
    top: -20%;
  }
  .zvezdica > img {
    width: 100%;
  }
  .kvadrati {
    top: 200px;
    position: relative;
  }
  .kvadrat1 {
    width: 50%;
    left: 73%;
    top: -130px;
  }
  .kvadrat2 {
    top: -28px;
    left: 13%;
    width: 20%;
  }
  .kvadrat3 {
    width: 12%;
    position: relative;
    left: 8%;
    top: 3%;
  }
  p {
    font-size: 12px;
  }
  .h1-pravokotnik:nth-child(even) {
    height: 95px;
    top: 60px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 145vh;
  }
  .about-gradient-bg {
    margin-left: 0;
    height: 530px;
  }
  .about-background-levo {
    top: -620px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    padding: 0;
    top: -450px;
    left: 5%;
    width: 468px;
  }
  .about-slika-desno > svg {
    left: 120%;
  }
  .about-h1-pravokotnik {
    top: -7px;
    width: 25%;
  }

  /** SERVICES **/
  .services-sekcija {
    top: -280px;
    height: 150vh;
  }
  .storitve-grafika-levo > svg {
    width: 100%;
  }
  .storitve-grafika-desno > svg {
    width: 100%;
  }
  .storitve-grafika-levo {
    position: relative;
    top: -120px;
  }
  .storitve-grafika-desno {
    top: -686px;
  }
  .services-kvadrat-mobile {
    height: 230px;
  }
  .storitve-h1-pravokotnik {
    top: 118px;
  }
  .storitve-h3-pravokotnik {
    top: 425px;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 100%;
  }
  .storitve-zaupanje-text {
    font-size: 15px;
  }
  .naslovni-manjsi {
    font-size: 20px;
  }
  .naslov-vecji {
    position: relative;
    top: -40px;
  }
  .naslov-vecji > h1 {
    position: relative;
    left: 10%;
  }
  .list__item {
    font-size: 15px;
    top: -70%;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 40px;
  }

  /** PROJECTS **/
  .projects-sekcija {
    height: 140vh;
    top: -300px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projekti-slika-levo {
    right: 8%;
  }
  .projekti-slika-levo > svg {
    width: 100%;
  }
  .projects-slika-okvir {
    width: 100%;
  }
  .projects-puscica-desno > svg {
    width: 40%;
  }
  .projects-text-h1-mobile {
    font-size: 25px;
  }
  .projects-h1-pravokotnik {
    top: 118px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .projects-sekcija-after {
    top: -300px;
  }
  .project-slika {
    top: -460px;
  }

  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-sekcija {
    height: 147vh;
    position: relative;
    top: -285px;
  }
  .contacts-slika-levo {
    width: 200%;
    right: 160%;
  }
  .naslovni-contacts {
    position: relative;
    top: 152px;
  }
  .contacts-pt-15-mobile {
    padding-top: 0rem;
  }
  .contacts-podatki-text {
    position: relative;
    top: 255px;
  }
  .contacts-slika-desno > img {
    width: 100%;
    position: relative;
    top: 500px;
    left: 140%;
  }
  .contacts-h1-pravokotnik {
    top: 145px;
  }
  .contacts-slika-desno {
    right: 13%;
  }
  .input-misit {
    height: 30px;
  }
  .label-input-misit {
    top: 68%;
  }
  .label-po-textarea-misit {
    top: -6%;
  }
  .misit-logo-footer {
    bottom: 26px;
  }
  .zvezdica-projekti {
    display: none;
  }
  .projects-detail-cta-zvedzica-desno {
    position: relative;
    left: 50%;
    top: -37%;
  }
  .projects-detail-cta-zvedzica-desno > img {
    width: 25%;
  }
  /** PROJECTS DETAIL **/
  .project-detail-page {
    height: 365vh !important;
  }
  .project-detail-grafika-desno {
    left: 63%;
  }
  .project-detail-grafika-desno > svg {
    width: 100%;
  }
  .projects-detail-zvezdica {
    position: relative;
    right: 170px;
    top: -254px;
  }
  .projects-detail-zvezdica > img {
    width: 20%;
  }
  .projects-detail-vsebina {
    top: -406px;
  }
  .projects-detail-numbers-sekcija {
    position: relative;
    top: -405px;
  }
  .projects-detail-stats-number {
    font-size: 100px;
    width: 65%;
    height: 180px;
  }
  .stats-section {
    position: relative;
    top: -250px;
  }

  .diagram-section {
    position: relative;
    top: -985px;
  }
  .projects-detail-okvir-bg-svg {
    width: 50%;
  }
  .projects-detail-okvir {
    right: 49.5%;
    z-index: 200;
    width: 50%;
  }
  .section-description {
    font-size: 12px !important;
    text-align: justify;
  }
  .projects-detail-zvezdica-okvir {
    width: 40px;
    height: 40px;
    left: 5%;
    top: -510px;
  }
  .diagram-content {
    width: 560px !important;
  }
  .main-diagram-image {
    position: relative;
    top: 35px;
    left: 13%;
  }
  .secondary-diagram-image {
    position: relative;
    top: 0px;
  }
  .secondary-diagram-image > img {
    width: 30%;
  }
  .projects-detail-cta {
    top: -1500px;
  }
  .projects-detail-grafika-levo > svg {
    width: 100%;
  }
  .projects-detail-higlighted {
    top: -390px;
  }
  .projects-detail-cta-zvedzica-desno {
    left: 51%;
  }
  .project-navigation-footer {
    top: -2372px !important;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1535px) {
  /** SPLOŠNI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    font-size: 25px;
  }
  /** OSNOVNA **/
  .osnovna {
    height: 110vh;
  }
  .odmik-glavna > .h1-animacija > h1 {
    width: 650px;
  }
  .odmik-glavna > h4 {
    width: 440px;
    font-size: 20px;
  }
  .bg-pika-border {
    left: 25%;
  }
  .bg-pika-border::after {
    top: -29px;
  }
  .puscica-text {
    top: 20%;
  }
  .puscica-dol {
    width: 10%;
  }
  .zvezdica {
    right: 58%;
    top: -20%;
  }
  .zvezdica > img {
    width: 100%;
  }
  .kvadrat1 {
    width: 50%;
    left: 73%;
    top: -130px;
  }
  .kvadrat2 {
    top: -28px;
    left: 14%;
    width: 20%;
  }
  .kvadrat3 {
    width: 12%;
    position: relative;
    left: 9%;
    top: 3%;
  }
  p {
    font-size: 12px;
  }
  .h1-pravokotnik:nth-child(even) {
    height: 95px;
    top: 60px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 145vh;
  }
  .about-gradient-bg {
    margin-left: 0;
    height: 530px;
  }
  .about-background-levo {
    top: -620px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    padding: 0;
    top: -450px;
    left: 5%;
    width: 468px;
  }
  .about-h1-pravokotnik {
    top: -7px;
    width: 25%;
  }

  /** SERVICES **/
  .services-sekcija {
    top: -280px;
    height: 150vh;
  }
  .storitve-grafika-levo > svg {
    width: 100%;
  }
  .storitve-grafika-desno > svg {
    width: 100%;
  }
  .storitve-grafika-levo {
    position: relative;
    top: -120px;
  }
  .storitve-grafika-desno {
    top: -686px;
  }
  .services-kvadrat-mobile {
    height: 173px;
  }
  .storitve-h1-pravokotnik {
    top: 118px;
  }
  .storitve-h3-pravokotnik {
    top: 457px;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 100%;
  }
  .storitve-zaupanje-text {
    font-size: 15px;
  }
  .naslovni-manjsi {
    font-size: 20px;
  }
  .naslov-vecji {
    position: relative;
    top: -40px;
  }
  .naslov-vecji > h1 {
    position: relative;
    left: 10%;
  }
  .list__item {
    font-size: 9px;
    top: -80%;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 40px;
  }

  /** PROJECTS **/
  .projects-sekcija {
    height: 140vh;
    top: -300px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projekti-slika-levo {
    right: 8%;
  }
  .projekti-slika-levo > svg {
    width: 100%;
  }
  .projects-slika-okvir {
    width: 100%;
  }
  .projects-puscica-desno > svg {
    width: 40%;
  }
  .projects-text-h1-mobile {
    font-size: 25px;
  }
  .projects-h1-pravokotnik {
    top: 118px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .projects-sekcija-after {
    top: -300px;
  }
  .project-slika {
    top: -460px;
  }

  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-sekcija {
    height: 147vh;
    position: relative;
    top: -285px;
  }
  .contacts-slika-levo {
    width: 200%;
    right: 160%;
  }
  .naslovni-contacts {
    position: relative;
    top: 152px;
  }
  .contacts-pt-15-mobile {
    padding-top: 0rem;
  }
  .contacts-podatki-text {
    position: relative;
    top: 255px;
  }
  .contacts-slika-desno > img {
    width: 100%;
    position: relative;
    top: 500px;
    left: 140%;
  }
  .contacts-h1-pravokotnik {
    top: 159px;
  }
  .input-misit {
    height: 30px;
  }
  .label-input-misit {
    top: 68%;
  }
  .label-po-textarea-misit {
    top: -6%;
  }
  .misit-logo-footer {
    bottom: 26px;
  }
  .zvezdica-projekti {
    display: none;
  }
  .projects-detail-cta-zvedzica-desno {
    position: relative;
    left: 50%;
    top: -37%;
  }
  .projects-detail-cta-zvedzica-desno > img {
    width: 25%;
  }
  /** PROJECTS DETAIL **/
  .project-detail-page {
    height: 390vh !important;
  }
  .project-detail-grafika-desno {
    left: 63%;
  }
  .project-detail-grafika-desno > svg {
    width: 100%;
  }
  .projects-detail-zvezdica {
    position: relative;
    right: 152px;
    top: -254px;
  }
  .projects-detail-zvezdica > img {
    width: 20%;
  }
  .projects-detail-vsebina {
    top: -406px;
  }
  .stats-section {
    position: relative;
    top: -250px;
  }
  .projects-detail-numbers-sekcija {
    position: relative;
    top: -390px;
  }
  .projects-detail-stats-number {
    font-size: 96px;
    width: 65%;
    height: 155px;
  }
  .diagram-section {
    position: relative;
    top: -985px;
  }
  .projects-detail-okvir-bg-svg {
    width: 50%;
  }
  .projects-detail-okvir {
    right: 49.5%;
    z-index: 200;
    width: 50%;
  }
  .section-description {
    font-size: 12px !important;
    text-align: justify;
  }
  .projects-detail-zvezdica-okvir {
    width: 40px;
    height: 40px;
    left: 5%;
    top: -463px;
  }
  .diagram-content {
    width: 500px !important;
  }
  .main-diagram-image {
    position: relative;
    top: 35px;
    left: 13%;
  }
  .secondary-diagram-image {
    position: relative;
    top: 38px;
  }
  .secondary-diagram-image > img {
    width: 30%;
  }
  .projects-detail-cta {
    top: -1500px;
  }
  .projects-detail-grafika-levo > svg {
    width: 100%;
  }
  .projects-detail-higlighted {
    top: -390px;
  }
  .projects-detail-cta-zvedzica-desno {
    left: 51%;
  }
  .project-navigation-footer {
    top: -2372px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  /** SPLOŠNI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    font-size: 25px;
  }
  /** OSNOVNA **/
  .osnovna {
    height: 110vh;
  }
  .odmik-glavna > .h1-animacija > h1 {
    width: 650px;
  }
  .h1-pravokotnik:nth-child(odd) {
    width: 125%;
  }
  .h1-pravokotnik:nth-child(even) {
    width: 132%;
  }
  .odmik-glavna > h4 {
    width: 440px;
    font-size: 20px;
  }
  .bg-pika-border {
    left: 25%;
  }
  .bg-pika-border::after {
    top: -29px;
  }
  .puscica-text {
    top: 20%;
  }
  .puscica-dol {
    width: 10%;
  }
  .zvezdica {
    right: 58%;
    top: -20%;
  }
  .zvezdica > img {
    width: 100%;
  }
  .kvadrat1 {
    width: 50%;
    left: 73%;
    top: -130px;
  }
  .kvadrat2 {
    top: -28px;
    left: 14%;
    width: 20%;
  }
  .kvadrat3 {
    width: 12%;
    position: relative;
    left: 9%;
    top: 3%;
  }
  p {
    font-size: 12px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 145vh;
  }
  .about-gradient-bg {
    margin-left: 0;
    height: 530px;
  }
  .about-background-levo {
    top: -620px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    padding: 0;
    top: -450px;
    left: 5%;
    width: 468px;
  }
  .about-h1-pravokotnik {
    top: -7px;
    width: 25%;
  }

  /** SERVICES **/
  .services-sekcija {
    top: -280px;
    height: 150vh;
  }
  .storitve-grafika-levo > svg {
    width: 100%;
  }
  .storitve-grafika-desno > svg {
    width: 100%;
  }
  .storitve-grafika-levo {
    position: relative;
    top: -120px;
  }
  .storitve-grafika-desno {
    top: -686px;
  }
  .services-kvadrat-mobile {
    height: 173px;
  }
  .storitve-h1-pravokotnik {
    top: 118px;
  }
  .storitve-h3-pravokotnik {
    top: 457px;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 100%;
  }
  .storitve-zaupanje-text {
    font-size: 15px;
  }
  .naslovni-manjsi {
    font-size: 20px;
  }
  .naslov-vecji {
    position: relative;
    top: -40px;
  }
  .list__item {
    font-size: 9px;
    top: -80%;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 40px;
  }

  /** PROJECTS **/
  .projects-sekcija {
    height: 130vh;
    top: -300px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projekti-slika-levo {
    right: 8%;
  }
  .projekti-slika-levo > svg {
    width: 100%;
  }
  .projects-slika-okvir {
    width: 100%;
  }
  .projects-puscica-desno > svg {
    width: 40%;
  }
  .projects-text-h1-mobile {
    font-size: 25px;
  }
  .projects-h1-pravokotnik {
    top: 118px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .projects-sekcija-after {
    top: -300px;
  }
  .project-slika {
    top: -460px;
  }

  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-sekcija {
    height: 147vh;
    position: relative;
    top: -285px;
  }
  .contacts-slika-levo {
    width: 200%;
    right: 160%;
  }
  .naslovni-contacts {
    position: relative;
    top: 152px;
  }
  .contacts-pt-15-mobile {
    padding-top: 0rem;
  }
  .contacts-podatki-text {
    position: relative;
    top: 255px;
  }
  .contacts-slika-desno > img {
    width: 100%;
    position: relative;
    top: 500px;
    left: 140%;
  }
  .contacts-h1-pravokotnik {
    top: 159px;
  }
  .input-misit {
    height: 30px;
  }
  .label-input-misit {
    top: 68%;
  }
  .label-po-textarea-misit {
    top: -6%;
  }
  .misit-logo-footer {
    bottom: 26px;
  }
  .zvezdica-projekti {
    display: none;
  }
  .projects-detail-cta-zvedzica-desno {
    position: relative;
    left: 50%;
    top: -37%;
  }
  .projects-detail-cta-zvedzica-desno > img {
    width: 25%;
  }
  /** PROJECTS DETAIL **/
  .project-detail-page {
    height: 400vh !important;
  }
  .project-detail-grafika-desno {
    left: 63%;
  }
  .project-detail-grafika-desno > svg {
    width: 100%;
  }
  .projects-detail-zvezdica {
    position: relative;
    right: 139px;
    top: -254px;
  }
  .projects-detail-zvezdica > img {
    width: 20%;
  }
  .projects-detail-vsebina {
    top: -406px;
  }
  .stats-section {
    position: relative;
    top: -250px;
  }

  .diagram-section {
    position: relative;
    top: -985px;
  }
  .projects-detail-okvir-bg-svg {
    width: 50%;
  }
  .projects-detail-okvir {
    right: 49.5%;
    z-index: 200;
    width: 50%;
  }
  .section-description {
    font-size: 12px !important;
    text-align: justify;
  }
  .projects-detail-zvezdica-okvir {
    width: 40px;
    height: 40px;
    left: 5%;
    top: -463px;
  }
  .diagram-content {
    width: 475px !important;
  }
  .main-diagram-image {
    position: relative;
    top: 35px;
    left: 13%;
  }
  .projects-detail-numbers-sekcija {
    position: relative;
    top: -390px;
  }
  .projects-detail-stats-number {
    font-size: 85px;
    width: 65%;
    height: 160px;
  }
  .secondary-diagram-image {
    position: relative;
    top: 38px;
  }
  .secondary-diagram-image > img {
    width: 30%;
  }
  .projects-detail-cta {
    top: -1500px;
  }
  .projects-detail-grafika-levo > svg {
    width: 100%;
  }
  .projects-detail-higlighted {
    top: -390px;
  }
  .projects-detail-cta-zvedzica-desno {
    left: 51%;
  }
  .project-navigation-footer {
    top: -2372px !important;
  }
}
/** TABLICE **/
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  /** SPLOŠNI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    font-size: 25px;
  }
  p {
    font-size: 10px;
  }
  .zvezdica-projekti {
    display: none;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 35px;
    height: 81px;
  }
  /** OSNOVNA **/
  .osnovna {
    height: 95vh;
  }
  .odmik-glavna > .h1-animacija > h1 {
    width: 500px;
    font-size: 30px;
  }
  .odmik-glavna > h4 {
    width: 440px;
    font-size: 20px;
  }
  .bg-pika-border {
    left: 25%;
  }
  .bg-pika-border::after {
    top: -20px;
    left: 3px;
  }
  .puscica-text {
    /* top: 15%; */
    top: 22%;
    left: 107%;
  }
  .puscica-dol {
    width: 10%;
  }
  .zvezdica {
    right: 58%;
    top: -14%;
  }
  .zvezdica > img {
    width: 100%;
  }
  .kvadrat1 {
    width: 50%;
    left: 73%;
    top: -130px;
  }
  .kvadrat2 {
    top: -46px;
    left: 14%;
    width: 20%;
  }
  .kvadrat3 {
    width: 12%;
    position: relative;
    left: 9%;
    top: 0%;
  }

  /** ABOUT **/
  .about-gradient-bg {
    margin-left: 0;
    height: 530px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    padding: 0;
    top: -535px;
  }
  .about-h1-pravokotnik {
    top: -7px;
  }

  /** SERVICES **/
  .services-sekcija {
    top: -154px;
    /* top: -115px; */
    height: 140vh;
  }
  .storitve-grafika-levo > svg {
    width: 100%;
  }
  .storitve-grafika-desno > svg {
    width: 100%;
  }
  .storitve-grafika-levo {
    position: relative;
    top: -120px;
  }
  .storitve-grafika-desno {
    top: -686px;
  }
  .services-kvadrat-mobile {
    height: 130px;
  }
  .storitve-h1-pravokotnik {
    top: 118px;
  }
  .storitve-h3-pravokotnik {
    top: 465px;
    width: 15%;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 100%;
  }
  .storitve-zaupanje-text {
    font-size: 15px;
  }
  .naslovni-manjsi {
    font-size: 20px;
  }
  .naslov-vecji {
    position: relative;
    top: -125px;
    left: 10%;
  }
  .list__item {
    font-size: 9px;
    top: -115%;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 40px;
  }

  /** PROJECTS **/
  .projects-sekcija {
    height: 150vh;
    top: -300px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projekti-slika-levo {
    right: 8%;
  }
  .projekti-slika-levo > svg {
    width: 100%;
  }
  .projects-slika-okvir {
    width: 100%;
  }
  .projects-puscica-desno > svg {
    width: 40%;
  }
  .projects-text-h1-mobile {
    font-size: 25px;
  }
  .projects-h1-pravokotnik {
    top: 118px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .projects-sekcija-after {
    top: -300px;
  }

  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-sekcija {
    height: 150vh;
    position: relative;
    top: -285px;
  }
  .contacts-slika-levo {
    width: 200%;
    right: 160%;
  }
  .naslovni-contacts {
    position: relative;
    top: 152px;
  }
  .contacts-pt-15-mobile {
    padding-top: 0rem;
  }
  .contacts-podatki-text {
    position: relative;
    top: 255px;
  }
  .contacts-slika-desno > img {
    width: 100%;
    position: relative;
    top: 500px;
    left: 140%;
  }
  .contacts-h1-pravokotnik {
    top: 159px;
  }
  .input-misit {
    height: 30px;
  }
  .label-input-misit {
    top: 68%;
  }
  .label-po-textarea-misit {
    top: -8%;
  }
  .misit-logo-footer {
    bottom: 26px;
  }

  /** PROJECTS ALL **/
  .text-left > p.font-inter {
    width: 300px;
    font-size: 14px;
  }

  /** PROJECTS DETAIL **/
  .project-detail-grafika-desno {
    left: 63%;
  }
  .project-detail-grafika-desno > svg {
    width: 100%;
  }
  .projects-detail-puscica-dol {
    position: relative;
    top: -365px;
    left: 68%;
    animation: upAndDownProjectsMobile 2s infinite;
    display: none;
  }
  .projects-detail-zvezdica {
    position: relative;
    right: 115px;
    top: -254px;
  }
  .projects-detail-zvezdica > img {
    width: 20%;
  }
  .projects-detail-vsebina {
    top: -406px;
  }
  .projects-detail-numbers-sekcija {
    position: relative;
    /* top: -350px; */
    top: -280px;
  }
  .projects-detail-stats-number {
    font-size: 70px;
    width: 65%;
    height: 100px;
  }
  .stats-section {
    position: relative;
    top: -250px;
  }

  .diagram-section {
    position: relative;
    top: -985px;
  }
  .projects-detail-okvir-bg-svg {
    width: 50%;
  }
  .projects-detail-okvir {
    right: 49.5%;
    z-index: 200;
    width: 50%;
  }
  .section-description {
    font-size: 10px !important;
  }
  .projects-detail-zvezdica-okvir {
    width: 40px;
    height: 40px;
    left: 5%;
    top: -463px;
  }
  .main-diagram-image {
    position: relative;
    top: 35px;
    left: 45%;
  }
  .secondary-diagram-image {
    position: relative;
    top: 48px;
  }
  .secondary-diagram-image > img {
    width: 30%;
  }
  .projects-detail-cta {
    top: -1500px;
  }
  .projects-detail-grafika-levo > svg {
    width: 100%;
  }
  .projects-detail-higlighted {
    top: -390px;
  }
  .projects-detail-cta-zvedzica-desno {
    left: 51%;
  }
  .project-navigation-footer {
    top: -2140px !important;
  }
}
/** TABLICE - POKONČNO **/
@media screen and (min-width: 801px) and (max-width: 820px) {
  /** SPLOŠNI RAZREDI **/
  .vsebina-div {
    height: 100vh;
  }
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .h1-animacija {
    width: 600px;
  }
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 31%;
    top: 21%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 10%;
    left: 0%;
    width: 550px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 23%;
    top: -21px;
  }
  .bg-pika-border::after {
    top: -23px;
    left: 3px;
  }
  .kvadrati {
    position: relative;
    top: 200px;
  }
  .kvadrat2 {
    top: -43%;
    left: 50%;
    width: 33%;
  }
  .kvadrat3 {
    top: -39%;
    left: 42%;
  }
  .puscica-text {
    top: 30%;
    left: 30%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -9px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 100vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 0px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: 0px;
    padding: 1rem;
    text-align: justify;
  }
  .about-slika-desno {
    display: none;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  .povdarjeno {
    margin: 5px;
    padding: 5px;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 145vh;
    top: -235px;
  }
  .services-pt-10 {
    width: 400px;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 35px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    top: -121%;
    font-size: 8px;
  }
  .services-kvadrat-mobile {
    height: 260px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 16%;
    width: 22%;
  }
  .storitve-h3-pravokotnik {
    top: 472px;
    width: 24%;
  }
  .services-kvadrat-mobile {
    height: 115px;
  }

  /** PROJECT **/
  .projects-sekcija {
    height: 100vh;
    top: -795px;
  }
  .projects-sekcija-before {
    top: -775px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projects-vsebina {
    top: 0px;
  }
  .projects-vsebina > .row > .text-white > p.ps-5 {
    width: 290px;
    text-align: justify;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 125px;
    left: 3%;
    width: 22%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
    position: relative;
    left: 10%;
  }
  .projects-sekcija-after {
    top: -795px;
  }
  /** CONTACTS **/
  #contacts {
    height: 70vh;
    top: -825px;
    position: relative;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
    width: 460px;
  }
  .contacts-sekcija {
    position: relative;
    /*top: -390px;*/
    height: 90vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -6%;
    width: 92%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-sekcija {
    height: auto;
  }
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
    width: 325px;
  }

  /** PROJECTS-DETAIL **/
  .project-detail-page {
    height: 305vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    width: 100%;
  }
  .projects-detail-okvir {
    position: relative;
    right: -1%;
    width: 100%;
    top: -509px;
  }
  .projects-detail-vsebina {
    top: -940px;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 315px;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -1130px;
  }
  .diagram-content {
    width: 700px;
  }
  .projects-detail-cta {
    top: -2175px;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
  }
  .diagram-section {
    position: relative;
    top: -360px;
  }
  .projects-detail-cta {
    /*top: -1360px;*/
    top: -965px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .project-navigation-footer {
    /*top: -1455px  !important;*/
    top: -915px !important;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -60px;
    /*bottom: -98px;*/
  }
  .stats-image {
    position: relative;
    top: -100px;
  }
}
@media screen and (min-width: 769px) and (max-width: 800px) {
  /** SPLOŠNI RAZREDI **/
  .vsebina-div {
    height: 100vh;
  }
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 31%;
    top: 21%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 10%;
    left: 0%;
    width: 550px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 23%;
    top: -21px;
  }
  .bg-pika-border::after {
    top: -21px;
    left: 3px;
  }
  .kvadrati {
    position: relative;
    top: 200px;
  }
  .kvadrat2 {
    top: -44%;
    left: 50%;
    width: 33%;
  }
  .kvadrat3 {
    top: -40%;
    left: 40%;
  }
  .puscica-text {
    top: 30%;
    left: 30%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -9px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 100vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 0px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: 0px;
    padding: 1rem;
    text-align: justify;
  }
  .about-slika-desno {
    display: none;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  .povdarjeno {
    margin: 5px;
    padding: 5px;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 145vh;
    top: -235px;
  }
  .services-pt-10 {
    width: 400px;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 35px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    top: -121%;
    font-size: 8px;
  }
  .services-kvadrat-mobile {
    height: 260px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 16%;
    width: 22%;
  }
  .storitve-h3-pravokotnik {
    top: 472px;
    width: 24%;
  }
  .services-kvadrat-mobile {
    height: 115px;
  }

  /** PROJECT **/
  .projects-sekcija {
    height: 100vh;
    top: -795px;
  }
  .projects-sekcija-before {
    top: -775px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projects-vsebina {
    top: 0px;
  }
  .projects-vsebina > .row > .text-white > p.ps-5 {
    width: 290px;
    text-align: justify;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 125px;
    left: 3%;
    width: 22%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
    position: relative;
    left: 10%;
  }
  .projects-sekcija-after {
    top: -795px;
  }
  /** CONTACTS **/
  #contacts {
    height: 70vh;
    top: -825px;
    position: relative;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
    width: 460px;
  }
  .contacts-sekcija {
    position: relative;
    /*top: -390px;*/
    height: 90vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -6%;
    width: 92%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-sekcija {
    height: auto;
  }
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }

  /** PROJECTS-DETAIL **/
  .project-detail-page {
    height: 305vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    width: 100%;
  }
  .projects-detail-okvir {
    position: relative;
    right: -1%;
    width: 100%;
    top: -509px;
  }
  .projects-detail-vsebina {
    top: -940px;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 315px;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -1130px;
  }
  .diagram-content {
    width: 700px;
  }
  .projects-detail-cta {
    top: -2175px;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
  }
  .diagram-section {
    position: relative;
    top: -360px;
  }
  .projects-detail-cta {
    /*top: -1360px;*/
    top: -950px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .project-navigation-footer {
    /*top: -1455px  !important;*/
    top: -870px !important;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -60px;
    /*bottom: -98px;*/
  }
  .stats-image {
    position: relative;
    top: -100px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px) {
  /** SPLOŠNI RAZREDI **/
  .vsebina-div {
    height: 100vh;
  }
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 31%;
    top: 21%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 10%;
    left: 0%;
    width: 550px;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 23%;
    top: -21px;
  }
  .bg-pika-border::after {
    top: -21px;
    left: 3px;
  }
  .kvadrati {
    position: relative;
    top: 200px;
  }
  .kvadrat2 {
    top: -44%;
    left: 50%;
    width: 33%;
  }
  .kvadrat3 {
    top: -40%;
    left: 40%;
  }
  .puscica-text {
    top: 30%;
    left: 30%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -9px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 100vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 0px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: 0px;
    padding: 1rem;
    text-align: justify;
  }
  .about-slika-desno {
    display: none;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  .povdarjeno {
    margin: 5px;
    padding: 5px;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 145vh;
    top: -235px;
  }
  .services-pt-10 {
    width: 400px;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 35px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    top: -121%;
    font-size: 8px;
  }
  .services-kvadrat-mobile {
    height: 260px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 16%;
    width: 22%;
  }
  .storitve-h3-pravokotnik {
    top: 472px;
    width: 24%;
  }
  .services-kvadrat-mobile {
    height: 115px;
  }

  /** PROJECT **/
  .projects-sekcija {
    height: 100vh;
    top: -795px;
  }
  .projects-sekcija-before {
    top: -775px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projects-vsebina {
    top: 0px;
  }
  .projects-vsebina > .row > .text-white > p.ps-5 {
    width: 290px;
    text-align: justify;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 125px;
    left: 3%;
    width: 22%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
    position: relative;
    left: 10%;
  }
  .projects-sekcija-after {
    top: -795px;
  }
  /** CONTACTS **/
  #contacts {
    height: 70vh;
    top: -825px;
    position: relative;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
    width: 460px;
  }
  .contacts-sekcija {
    position: relative;
    /*top: -390px;*/
    height: 90vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -6%;
    width: 92%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-sekcija {
    height: auto;
  }
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }

  /** PROJECTS-DETAIL **/
  .project-detail-page {
    height: 305vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    width: 100%;
  }
  .projects-detail-okvir {
    position: relative;
    right: -1%;
    width: 100%;
    top: -509px;
  }
  .projects-detail-vsebina {
    top: -940px;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 315px;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -1130px;
  }
  .diagram-content {
    width: 700px;
  }
  .projects-detail-cta {
    top: -2175px;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
  }
  .diagram-section {
    position: relative;
    top: -360px;
  }
  .projects-detail-cta {
    /*top: -1360px;*/
    top: -920px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .project-navigation-footer {
    /*top: -1455px  !important;*/
    top: -1125px !important;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -60px;
    /*bottom: -98px;*/
  }
  .stats-image {
    position: relative;
    top: -100px;
  }
}
/** TABLICE - POKONČNO **/
@media screen and (min-width: 640px) and (max-width: 720px) {
  /** SPLOŠNI RAZREDI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 28%;
    top: 45%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 30%;
    left: 0%;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 23%;
    top: -21px;
  }
  .bg-pika-border::after {
    top: -21px;
    left: 3px;
  }
  .kvadrati {
    position: relative;
    top: -445px;
  }
  .kvadrat2 {
    top: -41%;
    left: 50%;
    width: 33%;
  }
  .kvadrat3 {
    top: -36%;
    left: 42%;
  }
  .puscica-text {
    top: 45%;
    left: 0%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -9px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 125vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 420px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: -650px;
    padding: 0;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
    width: 28%;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 145vh;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 35px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    top: -63%;
  }
  .services-kvadrat-mobile {
    height: 260px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    width: 35%;
    top: 42px;
    left: 31%;
  }
  .storitve-h3-pravokotnik {
    top: 400px;
    width: 31%;
  }

  /** PROJECT **/
  .projects-sekcija {
    height: 100vh;
    top: -300px;
  }
  .projects-animacija-zgoraj {
    display: none;
  }
  .projects-vsebina {
    top: -100px;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 150px;
    left: 24%;
    width: 54%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
  }
  .projects-sekcija-after {
    top: -301px;
  }
  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
  }
  .contacts-sekcija {
    position: relative;
    top: -280px;
    height: 129vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .contacts-h1-pravokotnik {
    top: -7px;
    left: 8%;
    width: 87%;
  }
  .label-po-textarea-misit {
    top: -8%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-sekcija {
    height: auto;
  }
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }

  /** PROJECTS-DETAIL **/
  .project-detail-page {
    /*height: 305vh !important;*/
    height: 335vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    width: 100%;
  }
  .projects-detail-okvir {
    position: relative;
    right: -1%;
    width: 100%;
    top: -509px;
  }
  .projects-detail-vsebina {
    top: -940px;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 50px;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -1130px;
  }
  .projects-detail-cta {
    top: -2175px;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
  }
  .diagram-section {
    position: relative;
    top: -392px;
  }
  .projects-detail-cta {
    /*top: -1402px;*/
    top: -1170px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .projects-detail-higlighted {
    top: -150px;
  }
  .project-navigation-footer {
    /*top: -1455px  !important;*/
    top: -1175px !important;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -60px;
    /*bottom: -98px;*/
  }
  .stats-image {
    position: relative;
    top: -100px;
  }
}
/** MOBILNE NAPRAVE **/
@media screen and (min-width: 406px) and (max-width: 412px) {
  /** SPLOŠNI RAZREDI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  h4 {
    font-size: 18px;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 28%;
    top: 45%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 30%;
    left: 0%;
  }
  .odmik-glavna > h4 {
    padding-top: 1.5rem;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 25%;
    top: -18px;
  }
  .bg-pika-border::after {
    top: -13px;
    left: 4px;
  }
  .kvadrati {
    position: relative;
    top: -400px;
  }
  .kvadrat2 {
    top: -44%;
    left: 50%;
    width: 33%;
  }
  .kvadrat3 {
    top: -41%;
    left: 42%;
  }
  .puscica-text {
    top: 47%;
    left: 0%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -9px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
    width: 96%;
    height: 54px;
  }
  .h1-animacija > h1 {
    font-size: 21px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 145vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 485px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: -650px;
    padding: 0;
  }
  .about-vsebina-desno {
    text-align: justify;
    padding: 1rem;
  }
  .about-vsebina-desno > p.ps-5 {
    padding-left: 0 !important;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 150vh;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 21px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    font-size: 11px;
    top: -90%;
  }
  .services-kvadrat-mobile {
    height: 160px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 31%;
  }
  .storitve-h3-pravokotnik {
    top: 545px;
  }
  .services-pt-10 > p.ps-5 {
    padding: 1rem;
    padding-left: 0 !important;
    text-align: justify;
  }

  /** PROJECT **/
  .projects-sekcija-before {
    top: -163px;
  }
  .projects-sekcija-before > svg {
    display: none;
  }
  .projects-sekcija {
    height: 130vh;
  }
  .projects-vsebina {
    top: -100px;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 122px;
    left: 33%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
  }
  .projects-puscica-desno > svg {
    width: 70%;
  }
  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
  }
  .contacts-sekcija {
    position: relative;
    top: -280px;
    height: 145vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }

  /** PROJECTS-ALL **/
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -8%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-DETAIL **/
  .project-detail-page {
    /*height: 390vh !important;*/
    height: 430vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    display: none;
  }
  .projects-detail-okvir {
    display: none;
  }
  .projects-detail-vsebina {
    top: 0px !important;
    /* top: 472px !important; */
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 50px;
    text-align: center;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .project-detail-grafika-desno {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -260px !important;
    padding-top: 0px !important;
  }
  .projects-detail-cta {
    top: -394px !important;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
    padding-top: 0px !important;
  }
  .stats-content {
    padding-top: 1rem;
  }
  .diagram-section {
    position: relative;
    top: -392px;
  }
  .projects-detail-cta {
    height: 80vh;
    top: 0px !important;
  }
  .project-navigation-footer {
    top: 305px !important;
  }
  .projects-detail-higlighted {
    top: 0px;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -10px;
  }
  h2.section-title {
    top: 25px;
  }
}

@media screen and (min-width: 401px) and (max-width: 405px) {
  /** SPLOŠNI RAZREDI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 28%;
    top: 45%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 37%;
    left: 0%;
  }
  .odmik-glavna > h4 {
    padding-top: 1.5rem;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 25%;
    top: -16px;
  }
  .bg-pika-border::after {
    top: -10px;
    left: 5px;
  }
  .kvadrati {
    position: relative;
    top: -400px;
  }
  .kvadrat2 {
    top: -44%;
    left: 51%;
    width: 33%;
  }
  .kvadrat3 {
    top: -41%;
    left: 42%;
  }
  .puscica-text {
    top: 40%;
    left: 0%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-animacija > h1 {
    font-size: 19px;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -12px;
    width: 96%;
    height: 44px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
    width: 101%;
    height: 46px;
  }
  .odmik-glavna > h4.ps-5 {
    font-size: 17px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 150vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 360px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: -650px;
    padding: 0;
  }
  .about-vsebina-desno > p.ps-5 {
    font-size: 13px;
    text-align: justify;
    /*padding-left: 0 !important;*/
    padding: 1rem;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  .povdarjeno {
    padding: 3px;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 140vh;
  }
  .services-pt-10 > p.ps-5 {
    text-align: justify;
    padding: 1rem;
    font-size: 13px;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 17px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    font-size: 11px;
    top: -90%;
  }
  .services-kvadrat-mobile {
    height: 160px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 31%;
  }
  .storitve-h3-pravokotnik {
    top: 567px;
  }

  /** PROJECT **/
  .projects-sekcija-before {
    top: -150px;
  }
  .projects-sekcija {
    height: 130vh;
    background-color: #151b3b;
    color: white;
    border-radius: 25px;
  }
  .projects-vsebina {
    top: -100px;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 122px;
    left: 33%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
  }
  .projects-puscica-desno > svg {
    width: 70%;
  }
  .projects-animacija-zgoraj {
    position: relative;
    top: -16px;
  }
  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
  }
  .contacts-sekcija {
    position: relative;
    top: -310px;
    height: 160vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  .label-pred-textarea-misit {
    width: 92%;
    height: 1px;
    background: linear-gradient(to left, #1b3789, #6e80af, #fff);
    position: relative;
    top: 6%;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -7%;
    width: 97%;
    height: 1px;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }
  /** PROJECTS-DETAIL **/
  .project-detail-page {
    height: 420vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    display: none;
  }
  .projects-detail-okvir {
    display: none;
  }
  .projects-detail-vsebina {
    top: 0px !important;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 50px;
    text-align: center;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .project-detail-grafika-desno {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -260px !important;
    padding-top: 0px !important;
  }
  .projects-detail-cta {
    top: -394px !important;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
    padding-top: 0px !important;
  }
  .stats-content {
    padding-top: 1rem;
  }
  .diagram-section {
    position: relative;
    top: -392px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .project-navigation-footer {
    top: 10px !important;
  }
  .projects-detail-higlighted {
    top: 0px;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -10px;
  }
  h2.section-title {
    top: 25px;
  }
}
@media screen and (min-width: 390px) and (max-width: 400px) {
  /** SPLOŠNI RAZREDI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 28%;
    top: 45%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 37%;
    left: 0%;
  }
  .odmik-glavna > h4 {
    padding-top: 1.5rem;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 25%;
    top: -16px;
  }
  .bg-pika-border::after {
    top: -10px;
    left: 5px;
  }
  .kvadrati {
    position: relative;
    top: -400px;
  }
  .kvadrat2 {
    top: -45%;
    left: 47%;
    width: 33%;
  }
  .kvadrat3 {
    top: -42%;
    left: 39%;
  }
  .puscica-text {
    top: 40%;
    left: 0%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-animacija > h1 {
    font-size: 19px;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -12px;
    width: 96%;
    height: 44px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
    width: 101%;
    height: 46px;
  }
  .odmik-glavna > h4.ps-5 {
    font-size: 17px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 130vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 360px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: -650px;
    padding: 0;
  }
  .about-vsebina-desno > p.ps-5 {
    font-size: 13px;
    text-align: justify;
    /*padding-left: 0 !important;*/
    padding: 1rem;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  .povdarjeno {
    padding: 3px;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 140vh;
  }
  .services-pt-10 > p.ps-5 {
    text-align: justify;
    padding: 1rem;
    font-size: 13px;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 17px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    font-size: 11px;
    top: -90%;
  }
  .services-kvadrat-mobile {
    height: 160px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 31%;
  }
  .storitve-h3-pravokotnik {
    top: 417px;
    width: 45%;
  }

  /** PROJECT **/
  .projects-sekcija-before {
    top: -150px;
  }
  .projects-sekcija {
    height: 130vh;
    background-color: #151b3b;
    color: white;
    border-radius: 25px;
  }
  .projects-vsebina {
    top: -100px;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 122px;
    left: 33%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
  }
  .projects-puscica-desno > svg {
    width: 70%;
  }
  .projects-animacija-zgoraj {
    position: relative;
    top: -16px;
  }
  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
  }
  .contacts-sekcija {
    position: relative;
    top: -230px;
    height: 145vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -6%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }
  /** PROJECTS-DETAIL **/
  .project-detail-page {
    height: 390vh !important;
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    display: none;
  }
  .projects-detail-okvir {
    display: none;
  }
  .projects-detail-vsebina {
    top: 0px !important;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 50px;
    text-align: center;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .project-detail-grafika-desno {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -260px !important;
    padding-top: 0px !important;
  }
  .projects-detail-cta {
    top: -394px !important;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
    padding-top: 0px !important;
  }
  .stats-content {
    padding-top: 1rem;
  }
  .diagram-section {
    position: relative;
    top: -392px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .project-navigation-footer {
    top: 105px !important;
  }
  .projects-detail-higlighted {
    top: 0px;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -10px;
  }
  h2.section-title {
    top: 25px;
  }
}
@media screen and (min-width: 360px) and (max-width: 389px) {
  /** SPLOŠNI RAZREDI **/
  .naslovni,
  .naslovni-projects,
  .naslovni-about,
  .naslovni-services,
  .naslovni-contacts {
    text-align: center;
  }
  .naslovna-zvezda-meni {
    display: inline-block;
  }
  .naslovna-zvezda-meni path {
    fill: white;
  }
  .navbar-toggler {
    background: white !important;
  }
  .navbar-collapse {
    height: 100vh;
  }
  .zvezdica-projekti {
    display: none;
  }

  /** OSNOVNA STRAN **/
  .osnovna {
    height: 100vh;
  }
  .zvezdica {
    right: 28%;
    top: 45%;
  }
  .zvezdica > img {
    width: 48%;
  }
  .odmik-glavna {
    top: 37%;
    left: 0%;
  }
  .odmik-glavna > h4 {
    padding-top: 1.5rem;
  }
  .ps-5 {
    padding-left: 1rem !important;
  }
  .bg-pika-border {
    left: 25%;
    top: -16px;
  }
  .bg-pika-border::after {
    top: -10px;
    left: 5px;
  }
  .kvadrati {
    position: relative;
    top: -400px;
  }
  .kvadrat2 {
    top: -45%;
    left: 50%;
    width: 33%;
  }
  .kvadrat3 {
    top: -41%;
    left: 41%;
  }
  .puscica-text {
    top: 40%;
    left: 0%;
  }
  .puscica-dol {
    width: 10%;
  }
  .h1-animacija > h1 {
    font-size: 19px;
  }
  .h1-pravokotnik:nth-child(odd) {
    top: -12px;
    width: 96%;
    height: 44px;
  }
  .h1-pravokotnik:nth-child(even) {
    top: 33px;
    width: 101%;
    height: 46px;
  }
  .odmik-glavna > h4.ps-5 {
    font-size: 17px;
  }

  /** ABOUT **/
  .about-sekcija {
    height: 130vh;
  }
  .about-gradient-bg {
    display: none;
  }
  .about-background-levo {
    top: 360px;
  }
  .about-background-levo > svg {
    width: 100%;
  }
  .about-text-desno {
    top: -650px;
    padding: 0;
  }
  .about-vsebina-desno > p.ps-5 {
    font-size: 13px;
    text-align: justify;
    /*padding-left: 0 !important;*/
    padding: 1rem;
  }
  .about-h1-pravokotnik {
    top: -7px;
    left: 35%;
  }
  .povdarjeno {
    padding: 3px;
  }
  /** SERVICES **/
  .storitve-grafika-levo,
  .storitve-grafika-desno {
    display: none;
  }
  .services-podjetja {
    text-align: center;
  }
  .services-podjetja > img {
    width: 70%;
  }
  .services-sekcija {
    height: 140vh;
  }
  .services-pt-10 > p.ps-5 {
    text-align: justify;
    padding: 1rem;
    font-size: 13px;
  }
  .odmik-glavna > h1,
  .naslov-vecji > h1 {
    font-size: 17px;
    padding: 0 !important;
    position: relative;
    top: 80px;
  }
  .naslov-vecji > h1 {
    left: 0;
  }
  .list__item {
    font-size: 11px;
    top: -90%;
  }
  .services-kvadrat-mobile {
    height: 160px;
  }
  .services-pt-10 {
    padding-top: 3rem;
  }
  .storitve-h1-pravokotnik {
    top: 42px;
    left: 31%;
  }
  .storitve-h3-pravokotnik {
    top: 567px;
  }

  /** PROJECT **/
  .projects-sekcija-before {
    top: -150px;
  }
  .projects-sekcija {
    height: 130vh;
    background-color: #151b3b;
    color: white;
    border-radius: 25px;
  }
  .projects-vsebina {
    top: -100px;
  }
  .projekti-slika-levo {
    display: none;
  }
  .project-slika {
    display: none;
  }
  .projects-text-h1-mobile {
    font-size: 2.25rem !important;
  }
  .projects-text-center-mobile {
    text-align: center !important;
  }
  .projects-h1-pravokotnik {
    top: 122px;
    left: 33%;
  }
  .projects-pt-15-mobile {
    padding-top: 3rem;
  }
  .projects-puscica-desno > svg {
    width: 70%;
  }
  .projects-animacija-zgoraj {
    position: relative;
    top: -16px;
  }
  /** CONTACTS **/
  #contacts {
    height: 100vh;
  }
  .odmik-footer {
    display: none;
  }
  .contacts-grafika-levo {
    display: none;
    padding: 0;
  }
  .contacts-pt-15-mobile {
    padding: 0;
  }
  .contacts-text-mobile {
    position: relative;
    top: 70px;
  }
  .contacts-sekcija {
    position: relative;
    top: -230px;
    height: 145vh;
  }
  .contacts-slika-desno {
    display: none;
  }
  .misit-logo-footer {
    bottom: 13px;
  }
  h4.pz-2 {
    width: 200%; /* ker je v col-6 in ne col-md-6 */
    text-align: center;
  }
  .contacts-pt-9-mobile {
    padding-top: 6.5rem;
  }
  .contacts-h5-mobile {
    text-align: center !important;
  }
  .label-po-textarea-misit {
    top: -6%;
  }
  .contacts-text-center-mobile {
    text-align: center !important;
  }
  .input-misit {
    height: 40px;
  }
  .label-input-misit {
    top: 73%;
  }
  /** PROJECTS-ALL **/
  .projects-all-h1 {
    text-align: center !important;
  }
  .text-left > p {
    margin-left: 0 !important;
    padding: 1rem;
    text-align: justify;
  }
  /** PROJECTS-DETAIL **/
  .project-detail-page {
    /*height: 410vh !important;*/
    /* height: 470vh !important; */
  }
  .projects-detail-puscica-dol {
    display: none;
  }
  .secondary-image-container {
    display: none;
  }
  .projects-detail-zvezdica {
    display: none;
  }
  .projects-detail-okvir-bg-svg {
    display: none;
  }
  .projects-detail-okvir {
    display: none;
  }
  .projects-detail-vsebina {
    /* top: 472px !important; */
    top: 50px !important;
  }
  .projects-detail-stats-number {
    font-size: 50px;
    width: 100%;
    height: 80px;
  }
  .main-diagram-image {
    position: relative;
    top: 50px;
    text-align: center;
  }
  .secondary-diagram-image {
    display: none;
  }
  .projects-detail-zvezdica-okvir {
    display: none;
  }
  .projects-detail-grafika-levo {
    display: none;
  }
  .project-detail-grafika-desno {
    display: none;
  }
  .projects-detail-cta-grafika-desno {
    display: none;
  }
  .diagram-section {
    top: -260px !important;
    padding-top: 0px !important;
  }
  .projects-detail-cta {
    /*top: -394px !important;  */
    top: 100px !important;
  }
  .project-navigation-footer {
    top: -2680px;
  }
  .stats-section {
    height: 70vh;
    padding-top: 0px !important;
  }
  .stats-content {
    padding-top: 1rem;
  }
  .diagram-section {
    position: relative;
    top: -392px;
  }
  .projects-detail-cta {
    height: 80vh;
  }
  .project-navigation-footer {
    /*top: 105px  !important;*/
    top: 585px !important;
  }
  .projects-detail-higlighted {
    top: 0px;
  }
  .projects-detail-cta-zvedzica-desno {
    display: none;
  }
  .section-description {
    padding: 1rem;
  }
  .misit-logo-footer-all-projects {
    bottom: -10px;
  }
  h2.section-title {
    top: 25px;
  }
}

/* @media screen and (min-width: 360px) and (max-width: 789px) {
  .osnovna {
    max-height: 70vh;
  }

  .ozdaja {
    min-height: 100vh;
  }
  .about-sekcija {
    min-height: auto;
    z-index: 99;
  }

  .services-sekcija {
    min-height: auto;
    height: auto;
  }

  .puscica-dol {
    top: 70%;
    margin-left: 2rem;
  }
  .puscica-text {
    top: 50%;
    margin-left: 3rem;
  }

  .projects-detail-vsebina {
    position: relative;
    margin-top: 60%;
    
  }

  .section-description {
    margin-bottom: 0;
    text-align: left;
  }

  .main-diagram-image {
    top: 0;
  }

  .services-pt-10 {
    padding-top: 0rem;
  }

  .project-hero-section {
    padding-top: 50px;
    padding-bottom: 45px;
  }

  .projects-detail-cta {
    height: 95vh;
  }

  .main-image-container {
    max-width: 100%;
  }

  .stats-section {
    min-height: auto;
  }

  .stats-image {
    display: none;
  }

  .diagram-section {
    padding: 0px 0;
    padding-top: 0px;
  }

  .cta-section {
    padding: 0 0;
    margin-top: 2rem;
  }

  .project-detail-page {
    min-height: auto;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .project-hero-section {
    padding-top: 46px;
    padding-bottom: 45px;
  }


  .project-navigation-footer {
    z-index: 10;
    padding: 0 0 1rem 0;
    margin-bottom: 1rem;
    top: 10% !important;
  }

  .stats-section,
  .diagram-section,
  .projects-all-sekcija {
    min-height: auto !important;
  }
}*/

@media screen and (min-width: 360px) and (max-width: 600px) {
  /* =========================
     GLOBAL MOBILE RESET
  ========================= */
  .osnovna {
    /* max-height: 90vh; */
    max-height: 90vh;
    min-height: 70vh;
  }

  .odmik-glavna {
    top: 35%;
    left: 0%;
  }

  .section-title {
    margin-bottom: 0;
  }

  .project-detail-page {
    display: flex;
    flex-direction: column;
    height: auto !important;
    min-height: auto !important;
  }

  .project-hero-section,
  .stats-section,
  .diagram-section,
  .cta-section {
    height: auto !important;
    min-height: auto !important;
    position: static !important;
  }

  .about-sekcija {
    /* max-height: 125vh; */
    /* height: auto; */
  }

  .cta-content,
  .diagram-content {
    white-space: pre-line;
  }

  /* =========================
     HERO SECTION MOBILE
  ========================= */

  .project-hero-section {
    padding-top: 46px;
    padding-bottom: 45px;
  }

  .puscica-text {
    top: 53%;
    left: 25%;
  }

  .secondary-image-container {
    display: none;
  }

  .services-sekcija {
    margin-bottom: 3rem;
    /* max-height: 115vh; */
  }

  .services-pt-10 {
    padding-top: -3rem;
  }

  /* =========================
     STATS SECTION MOBILE
  ========================= */

  .stats-image {
    display: none;
  }

  .stats-section {
    min-height: auto !important;
    padding: 0 0;
  }

  .stats-content {
    padding-top: 1rem;
  }

  .projektna-sekcija {
    height: auto !important;
  }

  .projects-sekcija {
    max-height: 140vh;
    height: auto;
  }

  .projects-vsebina p {
    margin-bottom: 2.3rem;
  }

  /* =========================
     DIAGRAM SECTION MOBILE
  ========================= */

  .diagram-section {
    /* position: static !important;
    top: auto !important;
    padding: 0 !important; */
  }

  /*     .diagram-section.besebilo {       
        height: 100vh !important;
    } */

  .main-diagram-image {
    /*  position: static;
    top: auto !important; */
    left: 46px;
    top: 86px;
  }

  .secondary-diagram-image {
    display: none;
  }

  .pt-15 {
    padding-top: 0rem;
  }

  /* =========================
     CTA SECTION (FOOTER FIX)
  ========================= */

  .cta-section {
    display: flex;
    flex-direction: column;
    min-height: 100vh;

    /* margin-top: -48rem; */
  }

  .cta-section .container-fluid {
    flex: 1;
    display: flex;
  }

  .cta-section .row {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /*  .cta-section .min-vh-100 {
    height: 0 !important;
  } */

  .cta-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 10rem;
  }

  .cta-footer {
    margin-top: auto;
  }

  /* fallback če nimaš CTA footer wrapperja */
  .cta-content .section-description {
    margin-top: auto;
  }

  .contacts-sekcija h4 {
    margin-top: 1.5rem;
  }

  .contacts-list {
    padding-top: -3rem;
  }

  .contacts-sekcija .pt-5 {
    padding-top: 1.3rem !important;
  }

  .contacts-pt-9-mobile {
    padding-top: 5rem;
  }

  /* =========================
     FOOTER NAVIGATION FIX
  ========================= */

  .project-navigation-footer {
    position: relative !important;
    top: auto !important;
    margin-top: auto;
    padding: 1rem 0;
    z-index: 10;
  }

  .misit-logo-footer-all-projects {
    bottom: -29px;
  }
  /* =========================
     GENERIC CLEANUP
  ========================= */

  .diagram-section,
  .projects-detail-cta {
    position: static !important;
    top: auto !important;
  }

  .project-detail-page * {
    max-height: none !important;
  }

  .contacts-sekcija {
    top: -280px;
    /* max-height: 155vh; */
    padding-bottom: 3rem;
  }

  .contacts-kontaktni {
    margin-top: 6rem;
  }

  .misit-logo-footer {
    bottom: 50px;
  }

  .kvadrat3 {
    display: none;
  }

  .project-detail-grafika-desno {
    display: none;
  }

  /*   .diagram-section {
    display: none;
  } */

  .highlighted-text {
    margin-top: 10rem;
  }
}

@media (min-width: 601px) and (max-width: 768px) {
  .osnovna {
    max-height: 72vh;
  }

  .odmik-glavna {
    top: 25%;
    left: 2%;
  }
  .puscica-text {
    top: 43%;
    left: 29%;
  }
  .odmik-glavna h4 {
    padding-top: 2.5rem;
  }

  .projects-sekcija h1 {
    margin-top: 1.5rem;
  }

  .stats-image {
    position: relative;
    top: -80px;
    left: -121px;
  }

  .stats-image img {
    height: 27rem;
    margin-top: 5rem;
  }
  .cta-section .min-vh-100 {
    height: 0 !important;
  }

  .project-detail-grafika-desno {
    display: none;
  }

  .diagram-section {
    position: relative;
    /* top: -100px; */
    top: 65px;
  }

  .main-diagram-image {
    top: 12%;
    left: 22%;
  }

  .main-diagram-image img {
    width: 60%;
    margin-top: 4rem;
  }

  .projects-detail-cta {
    /* top: -920px; */
    /* top: -847px; */
    top: -825px;
  }

  .projects-detail-higlighted {
    top: -130px;
  }

  .project-navigation-footer {
    top: -820px !important;
  }

  .contacts-sekcija .pt-15 {
  }
}

@media (min-width: 769px) and (max-width: 899px) {
  /* CSS za tablice */
  .projects-detail-puscica-dol {
    display: none;
  }
  .projects-detail-numbers-sekcija {
    top: -293px;
  }

  .project-detail-page {
    max-height: 270vh;
  }

  .puscica-text {
    top: 33%;
    left: 107%;
  }

  .projects-sekcija {
    max-height: 130vh;
    top: -300px;
  }

  .projects-detail-puscica-dol {
    display: none;
  }

  .secondary-diagram-image {
    top: 99px;
    left: 54px;
  }

  .projects-detail-zvezdica-okvir {
    left: 5%;
    top: -440px;
  }

  .main-diagram-image {
    top: 90px;
    left: 44%;
  }
}

@media scerren and (min-width: 1023px) and (max-width: 1279px) {
  /* Landing page*/
  .services-sekcija {
    top: 0px;
  }

  .puscica-text {
    top: 24%;
    left: 100%;
  }

  .naslov-vecji {
    top: -60px;
    left: 0%;
  }

  /* projects page */
  .projects-detail-puscica-dol {
    display: none;
  }

  .projects-detail-numbers-sekcija {
    top: -274px;
  }

  .projects-detail-numbers-sekcija {
    /* top: -280px; */
    top: -295px;
  }

  .stats-image img {
    height: 24rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .contacts-sekcija {
    min-height: 110vh;
    max-height: 147vh;
  }

  .misit-logo-footer {
    bottom: 158px;
  }

  .projects-sekcija {
    height: 118vh;
  }

  .services-sekcija {
    height: 105vh;
  }

  .about-sekcija {
    height: 110vh;
  }

  .osnovna {
    height: 95vh;
  }

  .puscica-text {
    top: 30%;
    left: 100%;
  }

  .projects-detail-puscica-dol {
    display: none;
  }
}

@media screen and (min-width: 900px) and (max-width: 1023px) {
  .misit-logo-footer-all-projects {
    bottom: -60px;
    bottom: 8px;
  }

  .odmik-glavna {
    top: 23%;
    left: 4%;
  }

  /*  .puscica-text {
    top: 48%;
    left: 37%;
  } */

  .about-background-levo {
    top: -153px;
    height: 50%;
    width: 50%;
    order: 3;
    margin: auto;
  }

  .about-sekcija {
    height: 90vh;
  }

  .about-text-desno {
    top: -10px;
    padding: 2rem;
    text-align: justify;
  }

  .services-sekcija {
    height: 115vh;
    top: -195px;
  }

  .projects-sekcija {
    height: 68vh;
    top: -822px;
  }

  .content-sekcija {
    height: auto !important;
  }

  .misit-logo-footer {
    bottom: 116px;
  }

  .osnovna {
    height: 62vh;
  }

  .projects-detail-puscica-dol {
    display: none;
  }
}

/* @media screen and (min-width: 700px) and (max-width: 1199px) {
  .osnovna {
    height: 80vh;
  }

  .about-sekcija {
   
    height: 75vh;
  }

  .projects-detail-puscica-dol {
    display: none;
  }


} */
@media screen and (min-width: 1536px) and (max-width: 1919px) {
  .main-diagram-image {
    left: 38%;
  }
}