/*
  You can add/edit your styles below.
  To utilize this stylesheet in your store, add the following
  line to the <head></head> section of your website (usually found in _meta.tpl):

  <link rel="stylesheet" type="text/css" href="/cookieCSSBanner.css" />
*/

@media screen and (max-width: 601px) {
          .responsiveH3{
            font-size: 18px;
          }
        }
          #footerCookies{
            width: 100%;
            position: fixed;
            z-index: 9999;
            bottom: 0;
            background: red;
            color: white;
          }
          .cookie-btn{
            background: #ffffff;
            color: #000000;
            border: 1px solid #ff0000;
          }
          .cookie-btn:hover {
            background: #cccccc;
            color: #000000;
            border: 1px solid #ff0000;
          }
          #BannerHide{
            position: absolute;
            font-weight: 900;
            left: 80%;
            top: -10px;
            font-size: 1em;
            width: 25px;
            height: 25px;
            display: block;
            background: #ffffff;
            border-radius: 100%;
            border: 2px solid #b30000;
            color: #000000;
            cursor: pointer;
            text-align: center;
            vertical-align: middle;
            border-style: solid;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 5px 0 rgba(0,0,0,.23);
          }