.hero .hero-text-overlay {
  position: relative;
  text-align: left;
  padding-top: 44px; }
  .hero .hero-text-overlay h1 {
    max-width: 700px;
    margin: 0; }
  .hero .hero-text-overlay #searchText p {
    position: absolute;
    top: 15px;
    display: inline-block;
    border-bottom: 1px solid #ff694b; }

@media (min-width: 699px) {
  .hero .hero-text-overlay {
    padding: 10vw 15px 10vw 2vw;
    text-align: left; }
    .hero .hero-text-overlay h1 {
      max-width: 700px; }
    .hero .hero-text-overlay #searchText p {
      top: 4vw; } }