h1 {
  text-transform: uppercase;
  color: #08cbdb;
  text-shadow: .21vw .21vw .3vw #111;
  text-align: center;
}

.img_icon {
  background-color: rgba(255, 255, 255, 0);
  filter: drop-shadow(0.11vw 0.11vw 0.1vw rgba(0,0,0,1));
  filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(0,0,0,1));
}

.bullet {
  color: #ddd;
  text-shadow: 0.21vw 0.21vw 0.3vw #111;
  font-weight: 300;
}

.bulletdesk {
  color: #bbb;
  text-shadow: 0.21vw 0.21vw 0.3vw #111;
}

.akcent {
  color: #ff6131;
  font-weight: 400;
}

.background {
  background-image: url(/images/kuhna1_min.jpg);
  background-image_max: url(/images/kuhna1.jpg);
}

.blackfon {
  background: rgba(0, 0, 0, 0);
}

.square {
  background: rgba(37, 114, 132, 0.7);
}

.square2 {
  background: rgba(37, 114, 132, 1);
}

.headdeskription {
  color: red;
  text-shadow: 0.21vw 0.21vw 0.3vw #111;
}

.banner a {
  color: white;
}

.banner {
  text-align: center;
  margin-top: 1vh;
}

@media screen and (max-aspect-ratio: 16/9) {
  .banner {
    margin-top: 0.56vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .banner {
    top: 0.56vh;
    left: 7vh;
    right: 7vh;
    position: absolute;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .banner {
    top: 1vw;
    left: 15vw;
    right: 15vw;
    position: absolute;
  }
}

.bullet::after {
  content: "";
  display: block;
  clear: both;
}