.header .container {
    height: 80px;
    max-height: 80px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 768px) {
  .header {
    padding: 20px 0;
  }
}
@media screen and (min-width: 376px) and (max-width: 768px) {
    .header .container {
        height: 36px;
        max-height: 36px;
        padding: 16px 8px;
      box-sizing: border-box;
    }
}

@media screen and (max-width: 375px) {
    .header .container {
        height: 36px;
        max-height: 36px;
        padding: 16px 8px;
    }
}