
/* Motiv - nastavení obrázku v Motivu tak, aby se nedeformoval */
.custom-motive .carousel-item .carousel-caption img {
  width:auto!important;
}


/* Motiv - pozice textu ve vlastním motivu */
.carousel-caption {
  text-align: center;
  left: 30%;
  right: 30%;
  top: 5%;
}


/* Motiv - nastavení h2 nadpisu */
.carousel-caption h2 {
  font-size: 50pt;
  color: #ffffff;
  text-shadow: 5px 5px 10px #000000;
}


/* Motiv - nastavení p odstavce */
.carousel-caption p {
  font-size: 16pt;
  color: #ffffff;
  text-shadow: 3px 3px 5px #000000;
}


/* Motiv - zobrazení pro mobil */
@media screen and (max-width: 1600px) {
  /* Motiv - pozice textu ve vlastním motivu pro mobil */
  .carousel-caption {
    text-align: center;
    left: 20%;
    right: 20%;
    top: 5%;
  }

  /* Motiv - zmenšení písma ve vlastním motivu pro mobil */
  .carousel-caption h2 {
    text-align: center;
    left: 20%;
    right: 20%;
    top: -3%;
    font-size: 45pt;
    text-shadow: 4px 4px 8px #000000;
  }
  .carousel-caption p {
    display: none;
  }

  .carousel-caption a {
    display: none;
  }
}


/* Motiv - zobrazení pro mobil */
@media screen and (max-width: 1440px) {
  /* Motiv - pozice textu ve vlastním motivu pro mobil */
  .carousel-caption {
    text-align: center;
    left: 20%;
    right: 20%;
    top: 5%;
  }

  /* Motiv - zmenšení písma ve vlastním motivu pro mobil */
  .carousel-caption h2 {
    text-align: center;
    left: 20%;
    right: 20%;
    top: -3%;
    font-size: 40pt;
    text-shadow: 3px 3px 6px #000000;
  }
  .carousel-caption p {
    display: none;
  }

  .carousel-caption a {
    display: none;
  }
}


/* Motiv - zobrazení pro mobil */
@media screen and (max-width: 1024px) {
  /* Motiv - pozice textu ve vlastním motivu pro mobil */
  .carousel-caption {
    text-align: center;
    left: 20%;
    right: 20%;
    top: 5%;
  }

  /* Motiv - zmenšení písma ve vlastním motivu pro mobil */
  .carousel-caption h2 {
    text-align: center;
    left: 20%;
    right: 20%;
    top: -3%;
    font-size: 30pt;
    text-shadow: 2px 2px 4px #000000;
  }
  .carousel-caption p {
    display: none;
  }

  .carousel-caption a {
    display: none;
  }
}


/* Motiv - zobrazení pro mobil */
@media screen and (max-width: 767px) {
  /* Motiv - pozice textu ve vlastním motivu pro mobil */
  .carousel-caption {
    text-align: center;
    left: 20%;
    right: 20%;
    top: 2%;
  }

  /* Motiv - zmenšení písma ve vlastním motivu pro mobil */
  .carousel-caption h2 {
    text-align: center;
    left: 20%;
    right: 20%;
    top: -3%;
    font-size: 16pt;
    text-shadow: 2px 2px 4px #000000;
  }
  .carousel-caption p {
    display: none;
  }

  .carousel-caption a {
    display: none;
  }
}

