#hero-image-wrap {
  background-image: url(/assets/templates/main/images/hero/hero.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
}
#hero-image-wrap:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.64)), to(rgba(0,0,0,0.11)));
  background: -o-linear-gradient(top, rgba(0,0,0,0.64) 0%, rgba(0,0,0,0.11) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0.64) 0%, rgba(0,0,0,0.11) 100%);
  content: '';
  z-index: 1;
}

.phone-number, .phone-number span, .phone-number a, .phone-number span.gc-cs-link {
  color: #fff;
}
.phone-text {
  color: #fff;
}
.tagline {
  color: #fff;
}
#hero-outer {
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
#hero-outer .hero-inner {
  text-align: center;
}
#container-masthead {
  position: relative;
  z-index: 2;
}
@media all and (min-width: 801px) {
  #container-primary-navigation {
    background-color: transparent;
    border-top: 2px solid #fff;
    position: relative;
    z-index: 800;
  }
}

/* NOT PART OF PATTERN */
@media all and (max-width: 800px) {
    #masthead .phone-number {
        position: fixed;
        top: 0;
        width: 100%;
        height: 45px;
        background-color: #b2b2b2;
        left: 50%;
        transform: translateX(-50%);
        font-size: 2.8em;
        text-align: right;
        padding-top: 6px;
    }
    #masthead {
        padding-top: 45px;
    }
    #masthead #logo {
      text-align: center;
    }
} 

@media all and (max-width: 570px) {
    #masthead {
        padding-top: 45px;
    }
    #masthead .phone-number {
        height: 45px;
    }
}