_header.scss

.usa-header--extended {
  @include u-border-bottom('1px', 'solid', 'base-lighter');
  .nav {
    height: auto;
    max-height: auto;
  }
  .usa-logo {
    max-width: 100%;
  }
  .usa-navbar {
    [role='search'] {
      min-width: 90%;
      @include u-padding-top(4);
      input[type='search'] {
        height: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        @include u-border('base-lighter');
      }
      button {
        @include u-text('normal');
      }
    }
  }
}

.usa-banner__content p {
  @include u-font-size('body', 'xs');
}

.usa-banner__header-action {
  @include u-font-size('body', 1);
}

.usa-banner__inner {
  @include u-padding-x(2);
  align-items: left;

  @include at-media('tablet') {
    @include u-padding-x(4);
  }
}



.usa-logo {
  .usa-logo__text {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: -0.25rem;
  }

  a {
    display: inline-block;
  }

  a .usa-logo__text,
  a:visited .usa-logo__text,
  a:hover .usa-logo__text {
    @include u-color('ink');
  }

  a:hover {
    .usa-logo__text, span {
      font-style: normal;
    }
  }


  span {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    @include u-color('base');
  }

}

.site-header {
  @include u-bg('primary-vivid');
  @include u-color('white');
  &[role=banner] {
    @include u-border-top('primary-dark');
  }

  .menu-search {
    @media screen and (max-width: 640px) {
      @include u-padding-x(0);
    }
    h2 {
      @include u-text('no-italic', 'heavy');
    }
    input {
      width: 100%;
      max-width: 100%;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      @include u-border('base-lighter');
    }
    button {
      @include u-bg('primary-dark');
      @include u-color('white');
    }
    a,
    a:hover,
    a:focus,
    a:active,
    a:visited {
      text-decoration: none;
      color: white;
    }
  }
}

.fema {
  height: 32px;
}
.hhs {
  height: 40px;
}
.cdc {
  height: 36px;
}

@include at-media-max('desktop'){
  .usa-logo {
    text-align: center;
  }
  .header--logo-row__top {
    order: 2;
  }
  .menu-search {
    order: 3;
  }
}

.header--logo-row__top {
  text-align: center;
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  @include u-margin-top(2);
  @include u-margin-bottom(1);
}

@include at-media('desktop') {
  .header--logo-row__top {
    justify-content: flex-end;
  }
}

.header--logo-row__right {
  display: flex;
  align-items: center;
  justify-content: center;
  @include at-media-max('desktop') {
    text-align: center;
  }

  @include at-media('mobile') {
    @include u-margin-left(3);
  }

  @include at-media('desktop') {
    @include u-float('right');
    @include u-margin-right(2);
  }
}

.usa-search {
  .usa-button {
    @include u-bg('primary-darkest');
    @include u-color('white');
  }
}