#eu-cookie-madness {
  position: fixed;
  bottom: 0px;
  width: 100%;
  margin: 0px;  
  padding: 10px;
  z-index: 10000;
  background: #cedce7; /* Old browsers */
  background: -moz-linear-gradient(top, rgba(206,220,231,0.9) 0%, rgba(182,192,214,0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(206,220,231,0.9) 0%,rgba(182,192,214,0.9) 100%);
  background: linear-gradient(to bottom, rgba(206,220,231,0.9) 0%,rgba(182,192,214,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6cedce7', endColorstr='#e6b6c0d6',GradientType=0 );
  border-color: #666;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  color: #000000;
}

#eu-cookie-madness >.message {
  text-align: center;
  position: relative;
  height: 100%;
}

#eu-cookie-madness >.buttons {
  text-align: center;
}
.slideOut {
  -webkit-animation-name: euSlideOut; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
  animation-name: euSlideOut;
  animation-duration: 1s;
  animation-fill-mode:  forwards;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes euSlideOut {
  from {visibility: visible;}
  to {visibility: hidden;bottom: -150px;}
}

/* Standard syntax */
@keyframes euSlideOut {
  from {bottom: 0px;}
  to {visibility: hidden; bottom: -150px;}
}
@keyframes euSlideOut {
  from {bottom: 0px;}
  to {visibility: hidden; bottom: -150px;}
}

@media (min-width: 992px) {
  #eu-cookie-madness {

    display: table;
  }

  #eu-cookie-madness >.message {
    float: left;
    text-align: left;
    margin: 8px 0 0 0;
    display: table-cell; 
    vertical-align: middle; 
  }

  #eu-cookie-madness >.buttons {
    float: right;
    text-align: inherit;
  }
}