#cookie-bar {
    background:#143754; 
    height:auto; 
    line-height:24px; 
    color:#FFF; 
    text-align:center; 
    padding:10px 0; 
    position:fixed; 
    top:100px; 
    left: 40vw; 
    width: 20vw; 
    z-index:10; 
    -webkit-box-shadow: 17px 17px 0px 0px rgba(0,0,0,0.18); 
    -moz-box-shadow: 17px 17px 0px 0px rgba(0,0,0,0.18); 
    box-shadow: 17px 17px 0px 0px rgba(0,0,0,0.18);
}

#cookie-bar.fixed {
    position:fixed; 
    top:0; 
    left:0; 
    width:100%;
}


#cookie-bar.fixed.bottom {
    bottom:0; 
    top:auto;
}

#cookie-bar p {
    margin:0; 
    padding:0; 
    font-size:13px; 
    line-height:18px;
}

#cookie-bar a {
    color:#ffffff; 
    display:inline-block; 
    text-decoration:none; 
    padding:0 6px; 
    margin-left:4px;
}

#cookie-bar .cb-enable {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #000;
}

#cookie-bar .cb-enable:hover {
    background:none; 
    border: 1px solid #ffffff;
    color: #ffffff;
}

#cookie-bar .cb-disable {
    border: 1px solid #ccc;
}

#cookie-bar .cb-disable:hover {
    border: 1px solid #eee;
}

#cookie-bar .cb-policy {
    border: 1px solid #ccc;
}

#cookie-bar .cb-policy:hover {
    border: 1px solid #eee;
}

@media screen and (max-width: 768px) {
    #cookie-bar {
        text-align:left;
        padding: 10px 13px;
        top: 50px;
        left: 8vw;
        width: 84vw;
    }
    #cookie-bar p{
        line-height:15px;
    }
}