div#discountbanner {

  text-align: center;
  padding: 10px;
  font-size: 25px;
  font-family: Open Sans, Roboto, Arial, sans-serif;
//  background-color: #acd9e0;
/*
  background-color: #c4ede1;
  background-image: url('/includes/images/shipping_arrows.png');
  background-repeat: repeat-x;
  background-position: center center;
*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4c5dc+0,e3e7ed+50,b4c5dc+100 */
background: #b4c5dc; /* Old browsers */
background: -moz-linear-gradient(left,  #b4c5dc 0%, #e3e7ed 50%, #b4c5dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #b4c5dc 0%,#e3e7ed 50%,#b4c5dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #b4c5dc 0%,#e3e7ed 50%,#b4c5dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c5dc', endColorstr='#b4c5dc',GradientType=1 ); /* IE6-9 */
/* End background gradient */
  color: #11345B;
  margin: 0px;

}

div#discountbanner i.fa {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  unicode-bidi:bidi-override;
  direction:rtl;
}

div#discountbanner.smaller {
  font-size: 20px;
}

@media screen and (max-width: 640px) {
  div#discountbanner, div#discountbanner.smaller {

    font-size: 20px;

  }
}

@media screen and (max-width: 480px) {
  div#discountbanner, div#discountbanner.smaller {

    font-size: 16px;

  }
}