.header-container {
    height: 5rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 2.5rem;
}

.logo {
    max-height: 1.5rem;
}

@media (min-width: 48rem) {
    .header-container {
        max-height: 10rem;
        flex: 1 1 20%;
        width: 55%;
        padding-left: 8rem;
      }

      .header {
        max-width: 18.75rem;
      }
}