/* Half Page Height Carousel Customization */
.carousel {
  height: 350px;
}

.carousel .item,
.carousel .active,
.carousel .carousel-inner {
  height: 100%;
}

.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.carousel .list-social-icons {
  margin-bottom: 45px;
}

.carousel .tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.carousel .facebook-link a:hover {
  color: #3b5998;
}

.carousel .linkedin-link a:hover {
  color: #007fb1;
}

.carousel .twitter-link a:hover {
  color: #39a9e0;
}

.carousel .google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.carousel .service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.carousel .error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.carousel .price {
  font-size: 4em;
}

.carousel .price-cents {
  vertical-align: super;
  font-size: 50%;
}

.carousel .price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
.carousel footer {
  margin: 50px 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
}