.cookie-notice {
  position: fixed;
  right: 0;
  bottom: -100%;
  left: 0;
  z-index: 3000000000;
  padding: 15px 0;
  opacity: 0;
  -webkit-box-shadow: 0 -5px 10px rgba(0,0,0,.175) !important;
  -moz-box-shadow: 0 -5px 10px rgba(0,0,0,.175) !important;
  -ms-box-shadow: 0 -5px 10px rgba(0,0,0,.175) !important;
  -o-box-shadow: 0 -5px 10px rgba(0,0,0,.175) !important;
  box-shadow: 0 -5px 10px rgba(0,0,0,.175) !important;
  -webkit-transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s;
  -moz-transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s;
  -ms-transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s;
  -o-transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s;
  transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s;
}

  .cookie-notice.open {
    bottom: 0;
    opacity: 1;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
  }

  .cookie-notice .heading {
    margin: 0;
  }

    .cookie-notice .heading + .text {
      margin-top: 5px;
    }

  .cookie-notice .text :first-child {
    margin-top: 0;
  }

  .cookie-notice .text :last-child {
    margin-bottom: 0;
  }

  .cookie-notice p.link {
    margin: 15px 0 0;
  }

@media (min-width:768px) {
  .cookie-notice p.link {
    margin: 0;
  }

    .cookie-notice p.link a.btn {
      display: block;
    }
}

@media (min-width:992px) {
  .cookie-notice {
    padding: 20px 0;
  }
}

@media (min-width:1200px) {
  .cookie-notice {
    padding: 30px 0;
  }
}