html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  margin-top: -1rem !important;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 5rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {

  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
  position: cover;

}

.carousel-caption p {
	font-size:2rem;
}

.menu-divider {
	width:1px; 
	height:30px; 
	border-right:1px solid #ababab; 
	margin-right:18px; 
	margin-left:-8px;
	display:block;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 769px) { 
	.menu-divider {
		display:none;
	}
	.carousel-caption {
		bottom:1rem;
	}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 577px) {
	.carousel-caption h1 {
		line-height: 2.2rem;
		font-size:2.2rem;
	}
	.carousel-caption p {
		line-height: 2rem;
		font-size:1.6rem;
	}
}