#cookie--overlay{
    position: fixed;
    z-index: 960;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
#cookie--overlay.cookie--overlay-visible{
     display: block;
}

#cookie--submission{
    position: fixed;
    z-index: 970;
    bottom: 0;
    left: 0;
    right: 0;
    height: 240px;
    background: #fff;
    transform: translate3d(0, 250px,0);
    transition: 0.5s ease-out;
}
#cookie--submission.cookie--box-visible{
     transform: translate3d(0, 0,0);
}

.cookie--inner{
    width: 100%;
    height: 100%;
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}


.cookie--notice{
    width: 66%;
}

.cookie--selection label {
    width: 163px;
    display: inline-block;
}

.cookie--notice + form{
    width: 30%;
    margin-left: 4%;
}

.cookie--submit{
    display: flex;
}
.cookie--btn-main,
.cookie--button-sleek{
    padding: 0.66rem 1.33rem;
    font-size: 16px;
    border: 0;
    outline: 0;
}

.cookie--btn-main{
    background: #10c5a1;
    margin-right: 1rem;
}
.cookie--btn-main:hover,
.cookie--btn-main:active{
    background: #06705b;
}
.cookie--button-sleek{
    background: #e9eeed;
    color: #555;
}
.cookie--button-sleek:hover,
.cookie--button-sleek:active{
    background: #b5bcbb;
    color: #333;
}




.cookie--details,
.cookie--links{
    width: 100%;
    height: 20px;
}


.cookie--links{
    color: #888;
    font-size: 14px;
    text-align: center
}
.cookie--links a{
    color: #444;
}
.cookie--links a:hover,
.cookie--links a:active{
    color: #222;
}



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

    #cookie--submission{
        height: 320px;
    }

    .cookie--notice,
    .cookie--notice + form{
        width: 100%;
        margin-left: 0;
    }
}



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

    #cookie--submission{
        font-size: 16px;
        height: 380px;
        transform: translate3d(0, 380px,0);
    }
    .cookie--inner{
        padding: 1rem;
    }

    .cookie--notice, .cookie--selection{
        margin-bottom: 1rem;

    }
}