@import "@css/main.css";

.header {
  overflow: hidden;
  height: 6rem;
  padding: 1.25rem 0.625rem;
  background-color: $color-gray-004;
}

.header-left {
  float: left;
  display: flex;
  height: 100%;
  align-items: center;
  font-weight: 590;
  font-size: 1.625rem;
  padding: 0.75rem;

  color: $color-gray-001;
}

.header-right {
  float: right;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0.75rem;
}

@media screen and (max-width: 500px) {
  .header {
    height: 3rem;
    padding: 0.5rem 1rem;
  }

  .header-left {
    padding: 0rem;
  }
  
  .header-right {
    padding: 0rem;
  }
}