.banner {
  overflow-y: hidden;
  max-height: 0;
  background: #f8f8f8;
  padding-left: 1em;
  
  -webkit-transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-duration: 1s;
  -ms-transition-property: all;
  -ms-transition-duration: 1s;
  transition-property: all;
  transition-duration: 1s;
}

.banner.closed {
  max-height: 0;
}

.banner.opened {
  max-height: 100px;
}