.banner{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position:relative;
  width:100%;
/*   min-height:100vh; */
}
.image {
  margin-top:5%;
}
.image img {
  width: 100%;
}

.banner  .banner-text {
  text-align: center;
  padding: 5% 0px;
}
.banner .banner-text h1{
  color: #06a6b7;
  font-size: 32px;
  font-weight: 600;
  display: inline-block;
}
.banner .banner-text h4{
  color: #fff;
  font-size: 16px;
  font-weight: 500;line-height: 26px;
  position: relative;
  margin: 12px 0 30px;
}

.banner .banner-text .cta-1{
  padding: 12px 30px;
  font-size: 16px;
  border: none;
  transition: all .3s ease 0s;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #06a6b7;
  border-radius: 2px;border: solid 1px #06a6b7;
  margin-right:20px;
  display: inline-block;
  font-weight: 600;
}
.banner .banner-text .cta-1:hover{
  border: solid 1px #fff;background-color: transparent;
}
.banner .banner-text .cta-2{
  padding: 12px 30px;
  font-size: 16px;
  border: none;
  transition: all .3s ease 0s;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 2px;
  border: solid 1px #fff;
  display: inline-block;
  font-weight: 600;
}
.banner .banner-text .cta-2:hover {
  background-color: #06a6b7;border: solid 1px #06a6b7;
}

@media (max-width:767px) {
  .banner .banner-text h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .banner .banner-text {
    padding: 50px 0px;
  }
  .cta-button{
    display: inline-grid;
  }
  .banner .banner-text .cta-1{
    margin: 0px 0px 20px;
  }

}
@media (min-width:768px) and (max-width:991px) {
  .banner .banner-text h1 {
    line-height: 40px;
  }

}

@media (min-width:992px) and (max-width:1199px){

}