html,
body {height: 100%;}

.carousel,
.item,
.active {height: 400px;}

.carousel-inner {height: 100%; top: 0;}
.fill {width: 100%; background-color: rgba(0,0,0, 0.7); height: 100%; background-position: center;
    background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.clsfill {width: 100%; background-color: rgba(0,0,0, 0.7); height: 100%;
  background-position:top;
        background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

header#myCarousel .fill{
  background-position: top center;
}

/*.fill {
  width: 100%;
  background-color: rgba(0,0,0, 0.7);
  height: 100%;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  }*/