#cookie-notice {
position: fixed;
width: 460px;
height: auto;
z-index: 100000;
font-size: 13px;
line-height: 18px;
text-align: left;
color: rgb(255, 255, 255);
display: block;
background-color: rgba(0, 0, 0, 0.701961);
}

.cookie-notice-container { padding:20px; }
.cn-top,
.cn-top-left { top:30px;  left:30px; }
.cn-top-right { top:30px; right:30px; }
.cn-bottom, .cn-bottom-left { bottom:80px; left:30px; }
.cn-bottom-right { bottom:80px; right:30px; }

#cookie-notice .button.bootstrap, a.button.bootstrap {
  font-weight: 500;
  width: 22px;
  color: white !IMPORTANT;
  background: transparent !important;
  vertical-align: bottom;
  text-align: center;
  position: absolute;
//  bottom: 8px;
//  right: 13px;
  padding: 0;
  border: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0) 0 1px 0;
}
.link-info  {
color: #06aaf6 !important;
vertical-align:bottom;
}

#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus {
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

#cn-accept-cookie {
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-size: 2em !important;
  opacity: 0.4;
  z-index: -1;
}

@media only screen and (max-width: 1024px) {
  #cookie-notice {
    position: fixed;
    width: 100vw;
    max-width: 100%;
    height: auto;
    z-index: 99999999999;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    left: 0px;
    bottom: 75px;
    color: rgb(255, 255, 255);
    display: block;
    background-color: rgba(0, 0, 0, 0.701961);
  }
}