#banner--rewards {width: 100%; border: 1px solid #c0a02e; min-height: 120px; margin-bottom: 24px;}
#banner--rewards .headline {width: 100%; background-color: #174971; min-height: 70px; display: flex; justify-content: space-between;}
#banner--rewards .headline .copy {font-family: Lato; font-size: 16px; font-weight: 600; font-style: italic; line-height: 1.25; letter-spacing: 0.16px; text-align: center; color: #fffffe; display: flex; align-items: center;}
#banner--rewards .headline .bg-left {margin-left: 41px;}
#banner--rewards .headline .bg-right {margin-top: 6px; margin-right: 14.3px;}
#banner--rewards .subheadline {font-family: Lato;
  font-size: 13.8px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; display: flex; justify-content: center; align-items: center;min-height: 50px;}
#banner--rewards .subheadline .icon {margin-right: 9px;}
#banner--rewards .subheadline .copy a {color: #000000; text-decoration: underline;}
#banner--rewards .subheadline .copy a:focus, #banner--rewards .subheadline .copy a:hover {color: #347d56;}

@media (max-width:1024px) and (min-width:601px) {
  #banner--rewards .headline .copy {max-width: 55%;}
}

@media screen and (max-width: 900px) {
  #banner--rewards {width: auto; margin: 0 2rem 24px;}
}
@media screen and (max-width: 600px) {
  #banner--rewards {margin: 0 1.1rem 24px;}
  #banner--rewards .headline .bg-left {margin-left: 0;}
  #banner--rewards .headline .bg-right {margin-right: 0;}
}