.banner-wrapper {
  display: flex;
  justify-content: space-between;
  background-color: #005582;
  max-width: 980px;
}

.banner-wrapper_heading {
  color: #00446B;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-size: 20px;
  line-height: .9;
  padding: 16px;
  text-transform: none;
}

.banner-wrapper_heading span:first-child {
  font-size: 20px;
}

.banner-wrapper_heading span:last-child {
  font-family: var(--font-primary);
font-weight: var(--font-weight-normal);
}


.col-left {
  background: #F0F3F5;
  width: 100%;
}

.col-right {
  background-color: #1C88C7;
  position: relative;
  width: 70px;
}

.col-right a {
  display: block;
  width: 100%;
}

.col-right a fill:hover {
  color: #005582;
}

.col-right svg {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: calc(50% - 14px);
  left: calc(50% - 5px);
}

.col-right img {
  width: 20px;
}

@media screen and (min-width:578px) and (max-width:779px) {
  .banner-wrapper_heading span:last-child {
    font-size: 20px;
    font-weight: 100;
  }
}

@media screen and (min-width:780px) {
  .banner-wrapper_heading span:first-child {
    font-size: 20px;
  }
}