/* Home Page Carousel */

  header.carousel {
      height: 50%;
  }

  header.carousel .item,
  header.carousel .item.active,
  header.carousel .carousel-inner {
      height: 100%;
  }

  header.carousel .fill {
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
  }

  header.carousel .carousel-control {
    z-index: 99999;
  }
  
#myCarousel, #myCarouselPhone {
  width:100%;
}
#myCarouselPhone {
  height: 300px; 
}

/* Small screens */
@media only screen { 
  #myCarousel {
    height:300px;
  }
} /* Define mobile styles */

@media only screen and (max-width: 40em) { 
  #myCarousel {
    height:300px;
  }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { 
  #myCarousel {
    height:300px;
  }
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  #myCarousel {
    height:300px;
  }
/* Large screens */
@media only screen and (min-width: 64.063em) { 
  #myCarousel {
    height:300px;
  }
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
  #myCarousel {
    height:300px;
  }
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { 
  #myCarousel {
    height:350px;
  }
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
  #myCarousel {
    height:400px;
  }
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { 
  #myCarousel {
    height:500px;
  }
} /* min-width 1921px, xxlarge screens */

 .fav-actief {
  color: #e6352d!important;
 }