#cookie-overlay {
    width: 100%;
    padding: 15px 0;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 999999999;
    display: none
}

.cookie-inner {
    width: 80%;
    margin: 0 auto;
}

#cookie-overlay p {
  margin: 0px !important;
  padding: 0px !important;
}

#cc-notification-close-button,
#cc-close-optin-button,
#cc-close-optout-button
{
    margin-left: 20px;
}

#cookie-overlay {
  line-height: 18px !important;
  font-size: 12px !important;
  font-family: "Arial" !important;
}

/* Mobile Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #cookie-info {
        width: 75%;
        float: left;
        padding:3px 0;
    }

    #cookie-switch {
      clear: both;
      float: left;
      padding-top: 10px;
  }
}

/* Mobile Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #cookie-info {
        width: 80%;
        float: left;
        padding:3px 0;
    }

    #cookie-switch {
        clear: both;
        float: left;
        padding-top: 10px;
    }

}

/* Tablet or desktop */
@media only screen
and (min-device-width: 480px){
    #cookie-info {
        width: 70%;
        float: left;
        padding:3px 0;
    }

    #cookie-switch {
        float: right;
    }
}

#cookie-info a {
  text-decoration: underline !important;
}

#cookie-info a:hover {
  text-decoration: none !important;
}

#cookie-overlay .cookie-button {
  color: white !important;
  text-decoration: none !important;
  border-radius: 5px;
  padding: 3px 10px !important;
  margin-top: 0 !important;
  float: right !important;
}

#cc-notification-close-button {
  float: left !important;
}

#cookie-overlay #cc-deny-button {
  margin-top: 3px !important;
  background: #bb100b !important;
  transition:background 0.2s ease-out;
}

#cookie-overlay #cc-deny-button:hover {
  background: #970c08 !important;
}

#cookie-overlay #cc-allow-button {
  margin-top: 3px !important;
  background: #0ab21a !important;
  margin-right: 0.7em !important;
  transition:background 0.2s ease-out;
}

#cookie-overlay #cc-allow-button:hover {
  background: #067d11 !important;
}