/* CSS for the Future Self Tool holding page */

.bg-blue {
  background-color: #e7f1fa !important;
}
a.bg-blue {
  text-decoration: none;
  /* font-family: "Avenir LT W01 45 Book", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important; */
}
a:hover.bg-blue {
  text-decoration: none;
}
.panel-section.bg-blue .panel-body {
  padding-top: 0 !important;
}
.panel-content {
  padding: 25px;
}

/*Wedge Banner*/
.best-life-banner {
  color: #ffffff !important;
  background-color: #3395d4 !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  position: relative !important;
  overflow: hidden !important;
}
.best-life-banner h3,
.best-life-banner p {
  color: #ffffff !important;
}
.header-banner.best-life-banner .header-img {
  top: 0 !important;
}
.header-banner.best-life-banner .header-panel .panel {
  margin-top: 0 !important;
}
.header-banner.best-life-banner {
  min-height: 15px !important;
}

.header-banner .best-life-banner .header-panel .panel {
  padding: 20px 20px 135px 20px !important;
}

@media (min-width: 1280px) {
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 67% !important;
    max-width: 760px !important;
  }
  .best-life-banner .panel {
    margin: 0px !important;
  }
  .best-life-banner .panel .panel-body:last-child {
    margin-bottom: 5.5em !important;
    margin-top: 4em !important;
  }
  .best-life-banner .header-panel {
    margin: 0px 0px 0px 20px !important;
  }
  .best-life-banner.header-panel .header-img {
    top: 0px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 62% !important;
    max-width: 900px !important;
  }
  .best-life-banner .panel .panel-body:last-child {
    margin-bottom: 3em !important;
    margin-top: 3em !important;
  }
}
@media (min-width: 1085px) and (max-width: 1199px) {
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 62% !important;
    max-width: 1005px !important;
  }
  .best-life-banner .panel .panel-body:last-child {
    margin-bottom: 3em !important;
    margin-top: 3em !important;
  }
}
@media (min-width: 1020px) and (max-width: 1084px) {
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 60% !important;
    max-width: 1000px !important;
  }
  .best-life-banner .panel .panel-body:last-child {
    margin-bottom: 3em !important;
    margin-top: 3em !important;
  }
}
@media (min-width: 992px) and (max-width: 1019px) {
  .best-life-banner .heactader-img img,
  .best-life-banner .header-img picture source {
    left: 60% !important;
    max-width: 1000px !important;
  }
  .best-life-banner .panel .panel-body:last-child {
    margin-bottom: 3em !important;
    margin-top: 3em !important;
  }
}
@media (min-width: 940px) and (max-width: 991px) {
  .best-life-banner .header-img {
    position: relative !important;
  }
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 47% !important;
    max-width: 110% !important;
  }
  .header-panel .panel {
    position: relative !important;
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .best-life-banner .header-img {
    position: relative !important;
  }
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 47% !important;
    max-width: 110% !important;
  }
}
@media (max-width: 767px) {
  .best-life-banner .header-img {
    position: relative !important;
  }
  .best-life-banner .header-img img,
  .best-life-banner .header-img picture source {
    left: 47% !important;
    max-width: 110% !important;
  }
  .header-panel .panel {
    position: relative !important;
    margin-left: 0 !important;
  }
}