/* Cookie banner styling */
#cookie-banner{
position:fixed;
bottom:0;
z-index:3;
background:#fafafa;
box-shadow:0 0 20px 0 rgba(0,0,0,.45);
width:100%;
padding: 1em 1em 3em 1em;
}

#cookie-banner>div{
display: flex;
}

.cookie-buttons{
display: flex;
align-items:center;
flex-wrap:nowrap;
margin-left:5em;
flex:1 0 auto;
justify-content:flex-end;

}

.cookie-buttons .btn{
white-space:nowrap!important;
text-transform:none;
margin-left:1em;
}

#save-cookie-preferences{
margin-right:1em;
}

@media (max-width: 800px){
#cookie-banner{
    padding: 1em;
}
#cookie-banner>div{
display: block;
}
.cookie-buttons, .cookie-buttons .btn:first-child{
margin-left:0;
}
.cookie-buttons{
justify-content:flex-start;
}
}

@media (max-width: 600px){
#cookie-banner>div, .cookie-buttons{
display: block;
}
#save-cookie-preferences{
margin-right:0;
}
.cookie-buttons .btn{
display: block;
box-sizing:border-box;
margin:0.5em 0;
width: 100%;
}
}