.carousel-inner .carousel-item{
 height: 100%;
 width: 100%;
 background-color: #f2f2f2;
}

.banner {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
}

.carousel-caption{
  height: 70%;
  width: auto;
}

.carousel-caption h1{
 font-size: 33pt;
 text-align: left;
 font-weight: 700;
}

.carousel-caption h3{
 font-size: 20pt;
 text-align: left;
 font-weight: bold;
}

.carousel-caption h5{
 font-size: 15pt;
 text-align: left;
}

.carousel-caption a .btn{
 align-items: left;
}


.carousel-caption p{
 font-size: 12pt;
 text-align: left;
 font-weight: bold;
}

.carousel-caption span{
 color: #007FBA;
}

@media (max-width: 380px){

 .carousel-inner .carousel-item{
 height: 100vh;
 width: 100%;
 background-color: #f2f2f2;
}

.carousel-caption{
 margin-top: 55px;
}
 
.carousel-caption h1{
   font-size: 12px;
   padding: 0px;
   font-weight: 200px;
   color: #007FBA;
  }

  .carousel-caption p{
    font-size: 8px;
    text-align: center;
  }
}

@media only screen and (max-width: 758px){

  .carousel-caption{
   padding-bottom: 70px;
   text-align: center;
  }

  .carousel-caption h1{
   font-size: 13px;
  }
  .carousel-caption h5{
   font-size: 8px;
  }
  .carousel-caption p{
    padding: 9px;
    text-align: center;
  }
}