.owl-carousel {
  position: relative;
  height: 20%;
  font-family: 'Signika', sans-serif;
}
.owl-carousel div:not(.owl-controls) {
  height: 20%;
}
.owl-carousel .owl-slide {
 /* background-image: url("https://images.unsplash.com/photo-1437915015400-137312b61975?fit=crop&fm=jpg&h=80&q=80&w=1200");*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 20%;
  font-family: 'Signika', sans-serif;
}
.owl-carousel div.owl--text {
  position: absolute;
  bottom: 4em;
  left: 15em;
  width: 20em;
  height: 8em;
  padding: 1em;
  background-color:#03312F; 
  border-radius: 4px;
  border-radius: 25px
}
.owl-carousel .owl-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.owl-carousel .owl-controls .owl-buttons div {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  zoom: 1;
  /*margin: 0;*/
  width: 50px;
  height: 40px;
  line-height: 25px;
  text-align: center;
  font-size: .9em;
  border-radius: 3px;
  color: #FFF;  
  opacity: 100;
  text-transform: capitalize;
  background: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 5px;
}

body,
html {
  height: 20%;
}