#cookie { font-size: 12px; background: #e7e7e7; border-top: 1px solid #afff0d; border-left: 1px solid #afff0d; border-right: 1px solid #afff0d; width: 96%; margin: 0 auto; padding: 5px 2%; filter:alpha(opacity=80); opacity:.8; -webkit-transition-duration: 1s; transition-duration: 1s; }
#cookie:hover { filter:alpha(opacity=100); opacity:1; }

#cookie button { font-size: 12px; margin-bottom: 0; }

.cookieleft { float: left; width: 60%; padding-right: 2%; }
.cookieright { float: right; width: 38%; text-align: right; }


@media screen and (max-width: 880px) {

    .cookieleft { width: 68%; }
    .cookieright { width: 30%; }

}

@media screen and (max-width: 650px) {

    .cookieleft { width: 100%; padding-right: 0; float: none; }
    .cookieright { width: 100%; float: none; }

}