@font-face {
  font-family: "robotoregularswap";
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "robotoboldswap";
  src: url("../fonts/roboto-bold-webfont.woff2") format("woff2"),
    url("../fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "robotoblackswap";
  src: url("../fonts/roboto-black-webfont.woff2") format("woff2"),
    url("../fonts/roboto-black-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body,
.napiste-mi,
.wpcf7 {
  font-family: "robotoregularswap", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4 {
  font-family: "robotoboldswap", Arial, sans-serif;
}

.navbar .menutelefon,
.navbar .menutelefon a {
  font-family: "robotoblackswap", Arial, sans-serif;
}

.hlavicka-front {
  min-height: calc(100vh - 60px);
}

.hlavicka-front .znacka img {
  display: block;
  width: 100%;
  max-width: 610px;
  height: auto;
  margin: 0 auto;
}

.hlavicka-front .triboxy-front .box .ikona {
  min-height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hlavicka-front .triboxy-front .box .ikona img {
  width: 165px;
  height: 165px;
  max-width: 100%;
  object-fit: contain;
}

@media (max-width: 767px) {
  .hlavicka-front {
    min-height: auto;
  }
}