@media (min-width: 800px) {
  .onas .person {
    width: 65%;
  }
  .reference-logo {
    width: 8%;
    position: absolute;
    left: 59.33%;
    top: 0;
    margin-top: 20.1%;
  }
  .storitve .storitve-icon {
    width: 100%;
    margin-top: 1rem;
  }
  .subpage .sec {
    padding: 8rem 0rem;
  }
  .mobile-graph {
    display: none !important;
  }
  .index-logo {
    position: relative;
    display: inline-block;
    width: 50rem !important;
    height: 40rem !important;
    top: 12rem !important;
  }
  .index-logo img {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  .index-logo .graph-line {
    position: absolute;
    left: 0;
    background-position: left top;
    background-size: 50rem !important;
    background-repeat: no-repeat;
    height: 40rem !important;
    z-index: 1;
    width: 100%;
    animation-name: logo-animation;
    animation-duration: 3s;
  }
  @keyframes logo-animation {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  .slogan {
    position: absolute;
    display: inline-block;
    top: 22rem !important;
    right: 0%;
    color: white;
    opacity: 0;
    font-size: 100% !important;
    animation-name: fadein;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
  }
}/*# sourceMappingURL=prodest-lg.css.map */