#cookie_note {
display: none;
position: fixed;
bottom: 0px;
width: 100%;
;left: 50%;
;transform: translateX(-50%);
padding: 15px;
background-color: #333333;
border-radius: 4px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
opacity: 0.9;
}
#cookie_note p { margin: 10px; font: normal normal 13px Arial; color: #FFFFFF; width: 80%; }
.cookie_accept { width: 20%; min-width: 70px; max-width: 140px; background-color: #003366; color: #FFFFFF; font: normal normal 14px Verdana; border: 1px solid #CCCCCC; }
@media (max-width: 575px) { #cookie_note.show { display: block; text-align: left; } }
@media (min-width: 576px) { #cookie_note.show { display: flex; text-align: center; } }