.c-page-header {
  padding: 0; }

.c-header-contact {
  display: inline-grid;
  grid-template-columns: 32px 1fr;
  grid-gap: .25rem;
  align-items: center; }
  .c-header-contact, .c-header-contact:hover, .c-header-contact:focus {
    color: var(--color-text) !important; }
  .c-header-contact > div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: .5rem 0; }
    .c-header-contact > div > .u-h3,
    .c-header-contact > div > .u-h4 {
      margin: 0;
      white-space: nowrap; }
  .c-header-contact .u-caption {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em; }
  .c-header-contact > svg {
    width: 100%;
    fill: var(--color-primary-base); }
  .c-header-contact--border > div {
    border-left: 1px solid #ddd;
    padding-left: .5rem; }
  .c-header-contact--secondary > svg {
    width: 100%;
    fill: var(--color-secondary-base); }
  .c-header-contact--button {
    padding: .5rem 1rem;
    border-radius: .75rem;
    background: #f3f3f3; }
  .c-header-contact--button-primary {
    background: var(--color-primary-base); }
    .c-header-contact--button-primary > svg {
      width: 100%;
      fill: #fff; }
    .c-header-contact--button-primary .u-caption {
      color: #fff;
      opacity: .8; }
  @media all and (min-width: 800px) {
    .c-header-contact {
      grid-template-columns: 48px 1fr;
      grid-gap: .5rem; } }
  .c-header-contact--small {
    grid-template-columns: 24px 1fr; }
    .c-header-contact--small svg {
      width: 100%;
      padding: .5rem 0;
      align-self: flex-start; }
    .c-header-contact--small > div .u-caption {
      text-transform: none;
      letter-spacing: normal; }
      .c-header-contact--small > div .u-caption + div {
        font-size: 1.2rem;
        font-weight: 400; }
  .c-header-contact + .c-header-contact {
    margin-left: 1rem; }

.c-page-top__inner .module + .module .c-header-contact {
  margin-left: 1rem; }