.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #FFFFFF;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 0rem;
outline: 0;
padding: 2em;
}
.btn {font-family: 'Nobel';text-transform: uppercase;font-size: .9em;letter-spacing: .05em;}
#bccs-buttonDoNotAgree{color:#383838;font-family: 'Nobel Book';text-transform: uppercase;}
a.cookie-link {color: #383838;text-decoration: none;background-color: transparent; font-family: 'Nobel Book';text-transform: uppercase;font-size: .9em;}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #D1CDC5;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius:calc(.3rem - 1px)
}

.modal-title {
margin-bottom: 0;
line-height: 1.5;
letter-spacing: 2.85px;
color: #20201F;
}

#bccs-buttonSave {font-size: .8em;color: #383838;background-color: transparent; border: 0px solid #383838; border-color: #383838;}
.btn-primary {font-size: .8em;color: #383838;background-color: transparent; border: 2px solid #383838; border-color: #383838;}
.btn-primary:hover {color: #383838;background-color: transparent; border: 2px solid #383838; border-color: #383838;text-decoration: underline 1px;text-underline-offset: 0.2em;}
a.cookie-link:hover { color: #383838;text-decoration: underline 1px;text-underline-offset: 0.2em;}
#bccs-buttonSave:hover {color: #383838;background-color: transparent; border: 0px solid #383838; border-color: #383838;text-decoration: underline 1px;text-underline-offset: 0.2em;}

.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid transparent;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px);
}

#bccs-options {margin-top: 4rem;}
#bccs-options .bccs-option {width: 33.3%;float: left;padding-right: 1rem;}
.bccs-body-text { margin-bottom: 1rem; }

#bccs-modal {
  overflow-y:auto!important
}

@media (max-width: 992px) {
    #bccs-options .bccs-option {width: 100%;float:none;padding-right: 0rem;}
    .modal-content {padding: 0em; }
    #bccs-buttonDoNotAgree { order: 2; }
}