/*--------------------------------------------------
	Hero Section
---------------------------------------------------*/

#hero {
  min-height: 100vh !important;

  #hero-styles {
    height: inherit;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    #hero-caption {
      padding: 5rem 2rem 3rem 2rem;

      h1 {
        text-transform: none;
        font-size: 5rem;
      }

      p {
        font-size: 1.25rem;
        margin: 2rem 0;
      }
    }
  }
}

#hero.service-hero {
  #hero-styles {
    width: 50%;
    margin: 0 0 0 20px;
    align-items: flex-start;

    #hero-caption {

      .inner {
        text-align: left;
      }


      p {
        color: #fff;

      }

      strong {
        font-size: 2rem;
      }
    }
  }
}