/*@media (min-width: 900px) {.carousel-caption {  bottom: 5rem !important;}}*/
@media screen and (min-width: 320px) and (max-width: 768px) {.carousel-item {  height: 25rem !important}}
.carousel-caption .h1, h1 {font-size: 2.0rem;}
.carousel-caption {  bottom: 3rem;  z-index: 10;}
.carousel-item {  height: 20rem;  /*background-color: #777;*/}
.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;}
.marketing .col-lg-4 p {  margin-right: .75rem;  margin-left: .75rem;}
.featurette-divider {  margin: 5rem 0; /* Space out the Bootstrap <hr> more */}
.featurette-heading {  font-weight: 300;  line-height: 1;  letter-spacing: -.05rem;}
.g-bg-primary{ background-color:#142444;display: inline-block;}
@media (min-width: 40em) {  /* Bump up size of carousel content */  
.carousel-caption p {    margin-bottom: 1.25rem;    font-size: 16px;    line-height: 1.4;  }
.featurette-heading {    font-size: 50px;  }}
@media (min-width: 62em) {  .featurette-heading {    margin-top: 7rem;  }}