/* Úvodní obrázek (hero) – aby byl responzivní */
.hero img,
.uk-cover img {
  max-width: 100%;
  height: auto;
  display: block;
}

.hero,
.uk-background-cover {
  background-size: cover;
  background-position: center center;
  width: 100%;
}

@media (max-width: 768px) {
  .hero,
  .uk-background-cover {
    min-height: 60vh;
  }
}
.contact-phone {
  display: block;
  text-align: center;   /* telefon na střed */
  padding: 10px 15px;   /* mezery od okrajů */
  font-size: 1.2em;     /* trochu větší písmo */
  word-break: break-word; /* kdyby byl dlouhý řetězec */
}

@media (max-width: 768px) {
  .contact-phone {
    font-size: 1.4em;   /* na mobilu ještě čitelnější */
  }
}