@media (max-width: 768px) {
@keyframes slideRight {
  0%   { transform: translateX(0px); }
  50%  { transform: translateX(20px); }
  80%  { transform: translateX(-120px); }
}
}
 
.fly-bar::after {
  content: "";
  display: table;
  clear: both;
}

 .fly-item {
  transition: transform 0.2s; /* Animace přiblížení */
  text-align: center;
  margin: 0 15px; /* Rozestupy položek */
  position: relative;
  display: flex;
  z-index: 1;
  /* width: 100%; */
  animation: slideRight 1.5s ease-out;
}

.fly-item:hover {
  transform: scale(1.1); /* Přiblížení o 10% při najetí myši */
}

.fly-link {
  text-decoration: none; /* Odstranění podtržení odkazu */
  color: inherit; /* Barva textu bude stejná jako u obklopujícího textu */
  transition: text-decoration 0.2s; /* Animace podtržení textu */
}

.fly-link:hover {
  text-decoration: underline; /* Podtržení textu při najetí myši */
}

.fly-bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  /* margin-bottom: 0px; */
  margin-top: 30px;
  overflow-y: hidden;
  padding: 20px;
}



@media (max-width: 768px) {
.fly-bar {
  overflow-x: auto; /* Povolení horizontálního skrolování */
}
}

@media (max-width: 768px) {
.fly-text  {
display: none;
}
}
@media (min-width: 768px) {
.fly-text-mobile  {
display: none;
}
.fly-bar {
justify-content: center;
}
}

.fly-text  {
  font-size: 18px;
  margin-right: 10px;
  color: white;
  font-weight: 500;
  text-align: center;
  background-color: #b7be79;
  padding: 15px;
  border-radius: 20px 20px 20px 20px;
}


.fly-text-mobile  {
  font-size: 16px;
  margin-right: 1px;
  color: white;
  position: relative;
  z-index: 2;
text-align: center;
  animation: slideRight 1.5s ease-out;
font-weight: bold;
background-color: #2d253399;
padding: 12px;
border-radius: 20px;
}




.fly-icon {
  width: 60px;
  height: auto;
  display: block;
  margin: auto;
}

.fly-link {
  text-decoration: none;
  color: black;
}
  

img.fly-icon {
    color: red;
}

a.fly-link {
    g: flex;
    white-space: nowrap;
    display: grid;
}