#site-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99500;
    display: flex;
    flex-direction: column;
}

#site-modal .site-scroll-modal {
    position: relative;
    width: 100%;
    flex-grow: 1;
    z-index: 1;
    display: flex;
    padding: 25px 10px;
}

.site-modal-overlay {
    background: #000;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s;
}

#site-modal.active .site-modal-overlay {
    opacity: .85;
}

.site-modal-close {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cdefs%3E%3Cstyle%3E.b0ac7c66-e827-4b40-9aeb-96482d9935a5%7Bfill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg id='ab5240fc-faba-4557-85ed-451680029296'%3E%3Cg id='e7842572-494b-4df4-b2ae-17b7f58f904f'%3E%3Cline class='b0ac7c66-e827-4b40-9aeb-96482d9935a5' x1='1' y1='1' x2='26' y2='26'/%3E%3Cline class='b0ac7c66-e827-4b40-9aeb-96482d9935a5' x1='1' y1='26' x2='26' y2='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat #cd1414;
    background-size: 20px;
    z-index: 9800;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    transition-timing-function: ease-out;
    user-select: none;
}

.site-modal-close:hover {
    background-color: #ff0000;
}

.site-modal-cont {
    position: relative;
    z-index: 10;
    max-width: 100%;
    margin: auto;
    transform: translate(0,200px);
    opacity: 0;
    transition: opacity .4s linear .2s, transform .4s ease-out .2s;
}

#site-modal.active .site-modal-cont {
    opacity: 1;
    transform: translate(0,0);
}


@media only screen and (min-width: 960px) {

}

@media only screen and (min-width: 1400px) {

}