.cc-cookie-consent{   
   background-color: #FFF388;
   background-color:#468c94;
   background-color:#C8C8C8;
   background-color: #9DD5C4;
   background-color:#d4f0e9;
   border-top:2px solid #3a737a;
   position: fixed;
   bottom:0px;
   width:100%;
   z-index:900
}

.cc-cookie-consent .row{
   padding:15px;
}
.cc-cookie-consent .row .cc-text{
   width:80%;
   display:inline-block;
   float:left;
   padding:10px;
}
.cc-cookie-consent .row .cc-button{
   width:19%;
   display:inline-block;   
   margin-left:1%;
   padding:10px;
}
.btn{   
   display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:hover {
   color: #333;
   text-decoration: none;
}
.btn-primary {
   color: #fff;
   background-color: #468c94;
   border-color: #468c94;
}

.btn-primary:hover {
   color: #fff;
   background-color: #3a737a;
   border-color: #366b71;
}

@media all and (max-width: 870px) {   
   .cc-cookie-consent .row .cc-button{  
      text-align:center;
   }
}

@media all and (max-width: 550px) { 
   .cc-cookie-consent .row .cc-button{
      width:100%;
      padding:5px;
      padding-top:10px;
   }
   .cc-cookie-consent .row .cc-text{
      width:100%;
      padding:5px;
   }

}