.page-head {
  background-color: #ffffff;
  padding: ($padding-large-vertical * 2) 0;
  //transition: padding .4s ease-in-out;
}

.page-head.affix {
  //box-shadow: 0 3px 3px rgba(0,0,0,0.25);
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;

  @media (min-width: $screen-md) {
    padding: 0;
  }

  &:after {
    background-color: $gray-lighter;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
  }
}
