@import url('https://fonts.googleapis.com/css?family=Rubik:100,200,300,400,500,600,700,800,900&display=swap');
.d-none{
  display: hidden !important;
}
.cookie-notice{
    position: fixed !important;
    left: 10% !important;
    transform: translate(-0%, 0%) !important;
    bottom: 1% !important;
    width: 80% !important;
    background-color: #f1f1f3 !important;
    Border: #d3d6de !important;
    color: #1b1f23 !important;
    margin: auto !important;
    box-shadow: 0 13px 18px rgb(27 31 35) !important;
    padding: 20px !important;
    z-index: 9999999999 !important;
}
.cookie-text{
  display:inline-block !important;
  width: 80% !important;
  font-family: 'Rubik', sans-serif !important;
  font-size: 16px !important;
  padding-right: 25px !important;
}
.cookie-policy-link{
  color: #007bff !important;
}
.cookies-btn {
  position: absolute !important; 
  right: 25px !important;
  border: none !important;
  background-color: inherit !important;
  padding: 5px 20px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  background: #4ccaff !important;
  vertical-align: top !important;
  width: 150px !important;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(27,31,35,0.2) !important;
  -moz-box-shadow: 1px 1px 2px 1px rgba(27,31,35,0.2) !important;
  box-shadow: 1px 1px 2px 1px rgba(27,31,35,0.2) !important;
  border-radius: 1px !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-family: 'Rubik', sans-serif !important;
}
@media only screen and (max-width: 885px) {
  .cookie-notice{
    left: 0% !important;
    transform: translate(-0%, 0%) !important;
    bottom: 0% !important;
    width: 100% !important;
    margin: auto !important;
  }
  .cookie-text{
    display:inline-block !important;
    width: 100% !important;
    padding-right: 0px !important;
  }
  .cookies-btn {
    width: 100% !important;
    position: relative !important; 
    right: 0px !important;
  }
}