// (C) Copyright 2014-2015 Hewlett-Packard Development Company, L.P.

.hero {

  &__container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    @include document-content();
    margin-top: round($inuit-base-spacing-unit * 3);
    margin-bottom: double($inuit-base-spacing-unit);
    padding-top: $inuit-base-spacing-unit;
    padding-bottom: $inuit-base-spacing-unit;

    @include media-query(palm) {
      display: block;
    }

    > * {
      -webkit-flex: 1;
      flex: 1;
      vertical-align: top;
      padding: double($inuit-base-spacing-unit);

      &:first-child {
        -webkit-flex: 2;
        flex: 2;
      }

      @include media-query(palm) {

        padding: 0;
        margin: $inuit-base-spacing-unit;
        max-width: 100vw;

        &:first-child {
          padding-right: $inuit-base-spacing-unit * 4;
          padding-left: $inuit-base-spacing-unit * 2;
        }
      }
    }
  }
}

// (C) Copyright 2014-2015 Hewlett-Packard Development Company, L.P.

.hero {

  &__container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    @include document-content();
    margin-top: round($inuit-base-spacing-unit * 3);
    margin-bottom: double($inuit-base-spacing-unit);
    padding-top: $inuit-base-spacing-unit;
    padding-bottom: $inuit-base-spacing-unit;

    @include media-query(palm) {
      display: block;
    }

    > * {
      -webkit-flex: 1;
      flex: 1;
      vertical-align: top;
      padding: double($inuit-base-spacing-unit);

      &:first-child {
        -webkit-flex: 2;
        flex: 2;
      }

      @include media-query(palm) {

        padding: 0;
        margin: $inuit-base-spacing-unit;
        max-width: 100vw;

        &:first-child {
          margin-right: $inuit-base-spacing-unit * 3;
          margin-left: $inuit-base-spacing-unit * 3;
        }
      }
    }
  }
}

Fix for scrolling on the main page.
Fix for scrolling on the main page.
