.home-hero-section {
  padding: 135px 0 80px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .home-hero-section {
      padding: 160px 0 114px; } }
  .home-hero-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/page-hero-bg-mask.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    z-index: 1; }
  .home-hero-section:after {
    position: absolute;
    top: -55px;
    left: -96px;
    bottom: 30px;
    right: -50px;
    content: "";
    z-index: 2;
    opacity: 0.12;
    background-image: url(../../images/decor-nb.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; }
    @media (min-width: 768px) {
      .home-hero-section:after {
        right: auto;
        width: 75%;
        max-width: 980px; } }
  .home-hero-section .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1118px;
    padding: 0 20px;
    position: relative;
    z-index: 5; }
    .home-hero-section .container .text-holder {
      width: 100%; }
      @media (min-width: 768px) {
        .home-hero-section .container .text-holder {
          width: 50%;
          padding-right: 30px; } }
      @media (min-width: 1024px) {
        .home-hero-section .container .text-holder {
          width: 40%; } }
    .home-hero-section .container .field--name-field-hero-image {
      width: 100%;
      text-align: center; }
      @media (min-width: 768px) {
        .home-hero-section .container .field--name-field-hero-image {
          width: 50%;
          padding: 0 32px; } }
      @media (min-width: 1024px) {
        .home-hero-section .container .field--name-field-hero-image {
          width: 60%; } }
  .home-hero-section h1 {
    margin: 0 0 10px;
    color: #fff;
    letter-spacing: 0.43px;
    font: 400 28px/1.26 "Gloock", "Times New Roman", "Times", "Baskerville", "Georgia", serif; }
    @media (min-width: 768px) {
      .home-hero-section h1 {
        font-size: 32px; } }
    @media (min-width: 1024px) {
      .home-hero-section h1 {
        font-size: 46px; } }
  .home-hero-section .field--type-text-with-summary {
    color: #fff;
    margin: 0 0 10px;
    font: 400 17px/1.805 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
  .home-hero-section .field--name-field-media-image {
    display: inline-block;
    max-width: 320px; }
    @media (min-width: 768px) {
      .home-hero-section .field--name-field-media-image {
        max-width: none; } }
    .home-hero-section .field--name-field-media-image img {
      width: 100%;
      border-radius: 50%;
      overflow: hidden; }
  body.header-color-style--purple .home-hero-section:before {
    filter: invert(43%) sepia(88%) saturate(233%) hue-rotate(202deg) brightness(84%) contrast(88%); }
  body.header-color-style--green .home-hero-section:before {
    filter: invert(57%) sepia(23%) saturate(1030%) hue-rotate(32deg) brightness(96%) contrast(84%); }
  body.header-color-style--orange-light .home-hero-section:before,
  body.header-color-style--orange .home-hero-section:before {
    filter: invert(63%) sepia(53%) saturate(6163%) hue-rotate(354deg) brightness(97%) contrast(97%); }
  body.header-color-style--blue .home-hero-section:before {
    filter: invert(58%) sepia(11%) saturate(1304%) hue-rotate(148deg) brightness(95%) contrast(93%); }
  body.header-color-style--light-blue .home-hero-section:before,
  body.header-color-style--dark-blue .home-hero-section:before {
    filter: invert(9%) sepia(56%) saturate(2759%) hue-rotate(209deg) brightness(101%) contrast(93%); }
  body.header-color-style--red .home-hero-section:before {
    filter: invert(23%) sepia(26%) saturate(4890%) hue-rotate(344deg) brightness(97%) contrast(91%); }
  body.header-color-style--red-light .home-hero-section:before {
    filter: invert(37%) sepia(19%) saturate(1803%) hue-rotate(322deg) brightness(115%) contrast(91%); }
  body.header-color-style--tiffany-blue .home-hero-section:before {
    filter: invert(59%) sepia(100%) saturate(2175%) hue-rotate(138deg) brightness(99%) contrast(88%); }