@media screen and (max-width: 640px) {
  .page .uk-h1 {
    font-size: 2.2rem;
    color: #0035ac;
    font-weight: 700;
  }
  #mobile-header {
    display: flex;
    position: fixed;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 5px hsla(215, 70%, 30%, 0.7);
  }

  #mobile-logo img {
    padding: 1rem;
  }

  #mobile-nav {
    background: hsla(220, 100%, 33%, 0.92);
  }

  #desktop-nav {
    display: none;
  }

  #mobile-nav-button {
    display: block;
  }

  #mobile-nav .nav-item {
    padding: 1rem 2rem;
    font-size: 2rem;
    margin: 2rem 0;
  }

  .nav-item:hover {
    color: #fafafa;
  }

  .active.nav-item {
    background: #00b91f;
    color: #fff;
  }

  #o-nas {
    margin-bottom: 2rem;
    background: url("/zdjecia/satis_photo_mobile.jpg") no-repeat;
    background-size: cover;
  }

  #o-nas-texts {
    padding-top: 8rem;
  }

  #o-nas-texts p:last-of-type {
    margin-bottom: 4rem;
  }

  #button-learn-more {
    margin-top: 3rem;
    padding: 1.2rem 1.5rem;
    font-size: 1.2rem;
    border-radius: 40px;
  }

  #ubezpieczenia {
    padding-top: 6rem;
  }

  #ubezpieczenia figure {
    display: flex;
    justify-content: center;
    padding: 2rem 0 3rem 0;
  }

  #kontakt .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: 0;
  }

  #kontakt .uk-h1 {
      color: #fff;
  }

  .contact-data {
    padding: 1rem;
  }
  .contact-data p {
    margin: 0;
    color: #fff;
  }

  #kontakt .mapka-mobile {
    display: block !important;
    visibility: visible;
  }

  footer p {
    padding: 1rem 0;
    font-size: 0.88rem;
  }
}