@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');


  body {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
  }

  body[data-step] .app__title  {
    opacity: 0;
  }

  .logo-ostrava {
    position: absolute;
    bottom: 2rem;
    width: 150px;
    left:  2rem;
    z-index: 5;
  }

  .logo-ostrava img {
    max-width: 100%;
  }

  .logo-fajnova {
    position: absolute;
    bottom: 1.5rem;
    right: 2rem;
    width: 120px;
    z-index: 5;
  }

  .logo-fajnova img {
    max-width: 100%;
  }

  .app__header {
    justify-content: center;
    min-height: 300px;
  }


  .app__title {
    margin: 0rem;
    transition: 0.3s;
    text-shadow: 0 0 5px #000;
  }

  .js-pm-text-step-title  {
    font-weight: 800;
  }

  .js-pm-text-step-note  {
    font-size: 0.8rem;
  }


  @media only screen and (max-width: 600px) {
    .app__header {
      min-height: 250px;
    }

    .logo-fajnova {
      width: 90px;
      bottom: 1rem;
    }
    .logo-ostrava {
      width: 120px;
      bottom: 1.125rem;
    }
  }