body {
    padding-bottom: 0;
}

.carousel-text-caption h1 {
font-size:20px;
}

h2 {
font-size:20px;
}

.carousel-text-caption p {
font-size:14px;
}
.navbar-wrapper {
    margin-top:20px;
}

.carousel-inner > .item > img {
    height:400px;
}

.carousel .item {
    height: 400px;
    background-color: #fff;
}

.carousel-indicators {
    bottom:10px;
}

.carousel-control {
    height:404px;
}

.carousel {
    height: 400px;
    margin-bottom:20px;
    margin-top:112px;
}
.carousel-inner {
    border-bottom:4px solid #0C72A0;
    border-top:4px solid #0C72A0;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -40px;
    margin-top:-30px;
}
.navbar-default {
    border-color: #fff !important;
    background-color: #fff !important;
    margin-top:10px;
    margin-right:20px;
}
.page-content {
    padding-bottom:60px;
}
.title {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom:10px;
}


/* Carousel base class */
.carousel-text {
  height:100px !important;
  margin-bottom: 60px;
margin-top:0 !important;
}

.carousel-text-inner {
margin-top:0px !important;
}
/* Since positioning the image, we need to help out the caption */
.carousel-text-caption {
 bottom:0%;
  color:#5A5A5A;
  left:0%;
  padding-bottom:20px;
  padding-top:0px !important;
  position:absolute;
  right:15%;
  text-align:left;
  text-shadow:rgba(0, 0, 0, 0.0) 0 1px 2px;
  z-index:10;
  top:0 !important;
}

/* Declare heights because of positioning of img element */
.carousel-text  .item {
  height: 200px !important;
  background-color: #fff;
  margin-top:0px !important;
}
.carousel-text-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 200px;
}