article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

.cookie-bar {
    z-index: 1000;
    position: fixed;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 15px 12px;
    background: rgba(233, 233, 233, 0.3);
    box-shadow: 0 0 5px rgba(0,55,85,.2);
    background: rgba(255,255,255,0.9);
    color: #003755;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.cookie-bar p {
    margin-bottom: 0;
    margin: 5px;
    /* height: 50px; */
    max-height: 100px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cookie-bar a {
    color: inherit;
}

@media only sreen and (min-width: 22.5em) {
    .cookie-bar {
        padding: 10px 20px;
    }

    .cookie-bar p {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 33.75em) {
    .cookie-bar {
        left: 20px;
        bottom: 20px;
        display: block;
        max-width: 360px;
        padding: 15px 20px 17px;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .cookie-bar p {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 63.75em) {
    .cookie-bar {
        font-size: 16px;
        font-size: 1.4rem;
    }
}


@media only screen and (min-width: 56.25em) {
    body {
        font-size: 18px;
        font-size: 1.8rem;
    }
}


@media only screen and (max-width: 720px) {
    .cookie-bar {
        display: block;
        width: 100%;
    }
}