* { box-sizing: border-box; }
body { margin: 0; }

#cookit {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: .6rem 2rem;
  display: flex;
  z-index: 999;
  box-shadow: 10px 10px 10px 10px #ddd !important;
}
#cookit.hidden { display: none; }

#cookit #cookit-container {
  margin: auto;
  width: 850px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position:relative;
}

#cookit #cookit-container > * { margin: .4rem; }
#cookit #cookit-container p { 
  font-family:Roboto,sans-serif;
  line-height: 1.4rem;
  width:62% !important;
  padding-top:12px !important;
  padding-bottom:15px !important;
}
#cookit-close{
  width:20px !important;
  padding:0px !important;
  position:absolute;
  right:0px;
  top:0px;
}
#cookit-close:after {
  content: 'X'; /* ANSI X letter */
}
#cookit #cookit-container a { 
  text-decoration: none;
  font-family:Roboto,sans-serif;
}
#cookit #cookit-container a:hover { opacity: .9; }

#cookit #cookit-container #cookit-button {
  padding: .5rem 1rem;
  margin-left: auto;
  border-radius: 3px !important;
}
@media (max-width:1230px){
  #cookit #cookit-container p { 
    width:55% !important;
  }
}
@media (max-width:550px){
  #cookit #cookit-container p { 
    width:100% !important;
  }
}