/* landing-css --------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////// */

/* Hero section
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.hero-section { min-height:75vh;position: relative;}
.central-caption { position: absolute; width: 750px;
    right: calc(50% - 375px); left: calc(50% - 375px);
    bottom: 20%; padding-bottom: 20px; padding-top: 20px;
    font-size: 36px; line-height: 135%;
    text-align: left; color: #fff;
    z-index: 1;
    text-shadow: 0 3px 3px rgba(0,0,0,.6);
}
.central-caption p { font-family: 'Roboto', sans-serif; font-weight: 300; left:16px; padding-left: 16px; }
.central-caption p > span { font-weight: 700; font-style: italic; padding-right: 2px; }
.central-caption h2 { font-size:  3.5em;  padding: 0 0 12px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
.central-caption h3 { max-width: 50%; margin:auto;
  font-size: 1.7em;  font-family: 'Taviraj', serif;
  border: 1px solid #fff;
  padding: 15px 48px 18px 48px;
  text-shadow: none;
  font-weight:100;
}
.central-caption a, .central-caption a:visited,
.central-caption a:hover, .central-caption a:active {
  color: #fff; text-decoration: none;
}
.central-caption h3:hover { background-color: rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 991px) {
  /* TODO:
   * RENDED .central-caption
   * on MOBILE desig
   */
  .central-caption { display: none; }
}
.get-deals-alert { padding-left: 535px; }
/* --- md */
@media screen and (max-width: 1999px) {
  .hero-section { min-height:33vh; }
  .central-caption { bottom: 15%; font-size: 32px; width: 640px;
    right: calc(50% - 320px); left: calc(50% - 320px);
  }
  .get-deals-alert { padding-left: 430px; }
}
/* --- sm */
@media screen and (max-width: 991px) {
  .central-caption h2 { text-align: left; font-size:  1.7em;  padding: 0; }
  .central-caption h3 { text-align: left; width: 75%;
    font-size: 1.3em; font-weight:400;
    border: none;  border-top: 2px solid #fff;
    padding: 0; margin:0;
  }
  .central-caption h3:hover {
    background-color: rgba(0, 0, 0, 0);
  }
  .col-sm-12, .col-xs-12 { padding: 0; }
}
/* --- xs */
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
  .central-caption { padding-bottom: 12px; }
  .central-caption h2 { font-size:  1.5em; }
  h3.centeredRedLine { text-align: center;
    font-family: 'Taviraj', serif;
    font-size: 1.27em;
  }
}

/* sections css
-------------------------------------------------------------------------------- */

/* media queries for mobile displays
-------------------------------------------------------------------------------- */

/* media queries for big|huge displays
-------------------------------------------------------------------------------- */