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

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

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

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

.cookie--btn-main{
    background: #013f6c;
    margin-right: 1rem;
}
.cookie--btn-main:hover,
.cookie--btn-main:active{
    background: #022a47;
}
.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: 1025px){

    .cookie--notice{
        width: 50%;
    }
    .cookie--notice + form{
        width: 46%;
    }
}


@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: 440px;
        transform: translate3d(0, 450px,0);
    }
    .cookie--inner{
        padding: 1rem;
    }

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

    .cookie--selection label{
        width: 220px;
    }

    .cookie--btn-main,
    .cookie--button-sleek{
        padding: 0.66rem;
        font-size: 16px;
    }

    .cookie--btn-main{
        margin-right: 5px;
        width: 135px;
    }
}