body {
                padding-top: 50px;
                padding-bottom: 0px;
            }

/* Declare heights because of positioning of inner element */

.carousel .item {
  height: 250px;
  padding-top: 3%;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

.carousel h2 {
  color: #000080;
}

.carousel-indicators {
		top: 90%;
		right: 25px;
		z-index: 31;
}

.wowline  {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
    margin-top:3px;
}

.wowText span {
  color:#f80000;
}

b {

  font-size: 20px;
  color:#f80000;
}


.flex {
      display: block;
  margin: 0px auto 0px;
  max-width: 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 468px) { 

    #myCarousel h2, .topbanner h2 {
        font-size: 24px;
        font-weight: bold;
    }

    .container {
         padding-left: 5px;   
         padding-right: 5px;   
    }

    .wowText b, .wowline  {
        font-size: 12px;
        font-weight: bold;
        

    } 

}

@media (min-width: 468px) and (max-width: 768px) { 

    .wowText b, .wowline  {
        font-size: 16px;
        font-weight: bold;
        

    } 


}



@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
    .align-button {
        padding-top: 20px;
    }
    .carousel .item {
  height: 325px;
    }

            body {
                padding-top: 0px;
                padding-bottom: 0px;
            }
}