html, body {
height:100%;
margin:0;
padding:0;
}
.carousel, .item, .active {
height:100%;
}

.carousel-inner {
height:100%;
}

.carousel-caption {
z-index: 10;
text-align: left;
width: 33%;
min-width: 400px;
top: 0px;
left: 10px;
font-size: larger;
}

.carousel-text {
background-color: rgba(0, 0, 0, 0.7);
padding: 10px;
border: 1px solid black;
}

.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
}
.carousel .carousel-inner .bg1 {
background-image:url(../img/bijen.jpg);
background-position: center top;
}
.carousel .carousel-inner .bg2 {
background-image:url(../img/lossebijen.jpg);
background-position: center center;
}
.carousel .carousel-inner .bg3 {
background-image:url(../img/zwerm.jpg);
background-position: center bottom;
}