.banner__holder {
  text-align: center;
  background-color: #353535;
  line-height: 35px;
  width: 100%;
  margin-bottom: 10px;
  float: left; }
  
.banner__holder .banner__left {
    width: 40%;
    float: left; }
    
.banner__holder .banner__left a {
      font-size: 18px;
      color: #fff; }
.banner__holder .banner__central {
    width: 33%;
    float: left; }
    
.banner__holder .banner__central a {
      font-size: 16px;
      color: #fff; }
      
.banner__holder .banner__right {
    width: 27%;
    float: left; }
      
.banner__holder .banner__right .coupon__code {
      font-size: 18px;
      color: #fff;
      width: 46%;}


@media only screen and (min-width: 600px) and (max-width: 750px) {
  .banner__holder .banner__left {
    width: 50%; }
    
  .banner__holder .banner__central {
    width: 50%; border-right: none; }
    
  .banner__holder .banner__right {
    width: 100%;
     } }
  
  
@media only screen and (min-width: 0px) and (max-width: 599px) {
  .banner__holder .banner__left {
    width: 100%;
    border-right: none; }
  .banner__holder .banner__central {
    width: 100%;
    border-right: none; }
  .banner__holder .banner__right {
    width: 100%; }
    .banner__holder .banner__right .coupon__code {
      width: 48%; 
} }