body {
    margin: 0;
}
#cookit {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    padding: 0.6rem 2rem;
    display: flex;
    z-index: 999;
}
#cookit #cookit-container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000;
    padding: 30px 10%;
}
#cookit #cookit-container > * {
    margin: 0.4rem;
}
#cookit #cookit-container p {
    line-height: 1.7rem;
    width: 80%;
}
#cookit #cookit-container a {
    text-decoration: none;
}
#cookit #cookit-container a:hover {
    opacity: 0.9;
}
#cookit #cookit-container #cookit-button {
    padding: 0.5rem 1rem;
    margin-left: auto;
}
a#cookit-link {
    display: none;
}
@media(max-width:767px){
    #cookit #cookit-container {
        padding: 10px;
    }
    #cookit #cookit-container p {
        width: 100%;
        text-align: justify;
    }
}
#cookit {
    display: none;
}