.header {
  height: 82px;
  padding: 10px 16px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .right {
  display: flex;
  align-items: center;
}

.header .right > div:first-child {
  margin-right: 20px;
}

.header .right .banner {
  background: url('/bg-waves-ec-clipped.svg') right bottom no-repeat;
  background-size: cover;
  padding: 3px;
  height: 62px;
}

.header .right .banner .text-left {
  margin-right: 100px;
}

.header .right .banner .floating-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -13px;
}

.header .right .banner .cta-button {
  transition: 200ms;
  font-size: 14px;
  color: #ffffff;
  background: #54AFAA;
  border-radius: 3px;
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.14));
  padding: 5px 7px;
}

.header .right .banner .cta-button:hover {
  background: #5cbeba;
  text-decoration: none;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.14));
}

.header .right .banner .text-left > p {
  margin: 0;
}

.header .right .banner .text-left > .title {
  color: #54AFAA;
  font-size: 16px;
  font-weight: 300;
}

.header .right .banner .text-left > .caption {
  font-size: 14px;
  opacity: 0.8;
  font-weight: 300;
}

.header img {
  height: 32px;
}

.header span {
  margin-left: 32px;
  opacity: .5;
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .header {
    height: 8vh;
    display: flex;
    align-items: center;
    padding: 16px
  }

  .header span, .header .right .banner {
    display: none;
  }
}