.cookies { font-size: 12px; line-height: 1.3; position: fixed; z-index: 2147483647; width: 240px; right: 7px; bottom: 7px; color: #666;
        padding: .75rem; border: 1px solid #eee; border-radius: .25rem; background: rgba(255, 255, 255, .9);
        box-sizing: border-box;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    }
    .cookies div {  padding: .25rem;  margin-bottom: .5rem; }
    .cookies div a { color: #1d3784;  }
    .cookies div a:hover {  color: #0e6aa9; }
    .cookies .got-it {  font-weight: 700; text-align: center; text-decoration: none; width: 7rem;  padding: .35rem; margin: auto; 
       background: #e7e9ef; 
        color: rgb(68, 64, 64);border: 1px #e7e9ef solid;
        display: block; cursor: pointer; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
        transition: all .5s; }
    .cookies .got-it:hover { color: rgb(68, 64, 64);border: 1px rgb(17, 16, 16) solid; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .4); }
    @media(max-width:825px) {
        .cookies { text-align: center; }
    }

    @media(max-width:767px) { 
    .cookies { width: 100%; right: 0px; border-radius: 0px; bottom: 0px;} 
    .cookies div { width: 75%; float: left; text-align: left; margin-bottom: 0px; padding: 0px;}
    .cookies .got-it { float: right; max-width: 90px;} 
    .return-to-top { bottom: 80px!important;}
  }

  @media(max-width:479px) { 
    .cookies .got-it { width: 70px;}
    .return-to-top { bottom: 100px!important;}
  }