body {
  background-color: #eee;
}

.redbanner {
    text-align: center;
    background: #cc0000;
    background: -moz-linear-gradient(top, #cc0000 0%, #aa0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#aa0000));
    background: -webkit-linear-gradient(top, #cc0000 0%,#aa0000 100%);
    background: -o-linear-gradient(top, #cc0000 0%,#aa0000 100%);
    background: -ms-linear-gradient(top, #cc0000 0%,#aa0000 100%);
    background: linear-gradient(to bottom, #cc0000 0%,#aa0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#aa0000',GradientType=0 );
    color: #FFFFFF;
    text-shadow: 1px 1px #333333;
    border-radius: 3px;
    margin: 30px 0;
    line-height: normal;
    padding: 2% 3%;
}
.shadowbottom {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}


@media only screen and (min-width: 830px) {
  .max-width {
      padding: 40px;
  }
  
  .redbanner {
    margin: 50px -50px 30px -50px;
    width: 850px;
  }
}