// styles specific to index pages

.index-page {

  .lead {
    @include core-19;
  }

  .search-box {

    position: relative;

    input {
      margin-right: 180px;
      width: 100%;
    }

    button {
      width: 180px;
      position: absolute;
      top: 0;
      right: -180px + 15px + 1px;
      padding: 9px 0;
    }

  }

}

// styles specific to index pages

.index-page {

  .lead {
    @include core-19;
  }

  .search-box {

    position: relative;

    input {
      width: 100%;
      height: 50px;

      @include media(tablet) {
        margin-right: 7.6em;
      }
    }

    button {
      height: 48px;

      @include media(tablet) {
        width: 7.6em;
        position: absolute;
        top: 0;
        right: -7.6em;
        margin-right: $gutter-half;
      }
      padding-top: 5px;
      padding-bottom: 5px;
    }

  }

}

Move search button underneath for mobile layouts
Move search button underneath for mobile layouts
