.slider .caption h2, .slider .caption h5 {
  text-shadow: rgba(0, 0, 0, 0.58) 0px 0px 0.3ex;
}

.slider .caption h5 {
  line-height: 2.8ex;
}

.slider .slides li .caption .myadress {
  color: #424242;
}

.slider .slides li .caption .myadress i:hover {
    color: #757575;
}

.slider .slides li .caption .myadress col:hover {
    color: #757575;
}

.left {
  float: left;
}

.right {
  float: right;
}

@media only screen and (max-width: 601px) {
  .hide-on-small {
    display: none;
  }
   .slider .caption h2 {
       font-size: 150%;
   }

   .slider .caption h5 {
       font-size: 100%;
   }

   .slider .caption .card-image {
     width: auto;
     height: 200px;
   }

   .slider .caption .card {
     width: auto;
     height: auto;
     font-size: 3.8vw;
   }
   .card-content .myadress .row .col i .fa fa-home {
     font-size: 17px;
   }
   .myfooter {
     font-size: 2.5vw;
   }
}

@media only screen and (min-width: 602px) {
  .hide-on-large {
    display: none;
  }
  .slider .card-image {
    width: 190px;
  }

  .slider .card {
    width: 500px;
  }
  .slider .slides .caption.left-align-profilpic {
    width: 500px;
  }
}

.myfooter {
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  /* text-align: center; */
  padding-bottom: 1ex;
  padding-right: 2ex;
  padding-left: 2ex;
  padding-top: 1ex;
  color: white;
  z-index: 10;
}