.dbp-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #fff;
  background-color: #1352DE;
  width: 100%;
  min-height: 400px; }
  .dbp-hero .hero-content-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .dbp-hero .hero-content-wrapper .hero-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-weight: 500; }
      @media (min-width: 600px) {
        .dbp-hero .hero-content-wrapper .hero-content {
          padding: 0 1rem; } }
    .dbp-hero .hero-content-wrapper .hero-title {
      font-size: 2.0em;
      margin-bottom: 1em;
      text-align: center;
      font-weight: 600; }
    .dbp-hero .hero-content-wrapper.last-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
  .dbp-hero.additionalColumn .hero-content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 600px) {
      .dbp-hero.additionalColumn .hero-content-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .dbp-hero.additionalColumn .hero-content-wrapper .hero-content {
      -webkit-box-flex: 1.61803;
      -ms-flex: 1.61803;
      flex: 1.61803; }
  .dbp-hero.inverse-bg {
    color: #3c465d;
    background: #C0E7F7; }
  .dbp-hero.primary-bg {
    background: #00A4E4;
    color: #001871; }
  .dbp-hero.secondary-bg {
    background: #FFBF3F;
    color: #001871; }
  .dbp-hero.tertiary-bg {
    background: #4DD29A;
    color: #001871; }
  .dbp-hero.horizontal-linear-bg {
    background: -webkit-linear-gradient(45deg, #000, #03274f 35.34%, #001871 58.42%, #0732a1);
    background: -o-linear-gradient(45deg, #000, #03274f 35.34%, #001871 58.42%, #0732a1);
    background: linear-gradient(45deg, #000, #03274f 35.34%, #001871 58.42%, #0732a1);
    color: #fff; }
  .dbp-hero.vertical-linear-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(25.34%, #03274f), color-stop(58.42%, #001871), to(#0732a1));
    background: -webkit-linear-gradient(top, #000, #03274f 25.34%, #001871 58.42%, #0732a1);
    background: -o-linear-gradient(top, #000, #03274f 25.34%, #001871 58.42%, #0732a1);
    background: linear-gradient(180deg, #000, #03274f 25.34%, #001871 58.42%, #0732a1);
    color: #fff; }