/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {  padding-top: 6rem;  padding-bottom: 0.001rem;  color: #5a5a5a; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel { margin-bottom: 1rem;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {  bottom: 2rem;  z-index: 10;}
.hero-car {}
.hero-car .carousel-item {  height: 20rem;}
.hero-car .carousel-item > img {  position: absolute;  top: 0;  left: 0;  min-width: 100%;  height: 20rem;}
.hero-car .carousel-caption h1 {margin: 0;font-size: 60px;line-height: 90px;font-family: 'Pacifico', 'Comic Sans MS', cursive;}
.hero-car .carousel-caption p { font-family:Arial, Helvetica, sans-serif; font-size:24px;}


.carousel-item {  height: 32rem;}
.carousel-item > img {  position: absolute;  top: 0;  left: 0;  min-width: 100%;  height: 32rem;}
.marketing .col-lg-4 {  margin-bottom: 1.5rem;  text-align: center;}
.marketing h2 {  font-weight: 400;}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {  margin-right: .75rem;  margin-left: .75rem;}
/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette-divider { margin: 5rem 0; /* Space out the Bootstrap <hr> more */}
/* Thin out the marketing headings */
.featurette-heading {  font-weight: 300;  line-height: 1;  /* rtl:remove */  letter-spacing: -.05rem;}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) { /* Bump up size of carousel content */
  .carousel-caption p { margin-bottom: 1.25rem;  font-size: 1.25rem;  line-height: 1.4; }
  .featurette-heading { font-size: 50px; }}
@media (min-width: 62em) { .featurette-heading { margin-top: 7rem;}}