.modal {}
    .modal-window {
        display: none;
        position: fixed;
        width: 80%;
        max-width: 1100px;
        height: 95%;
        min-height: 300px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; /* Absolute centering - This works because the height is specified */
        z-index: 999;
        font-size: 1.4em;
        text-align: center;
        background: #fff;
        transition: width .5s, height .5s linear;
    }
    /* This is required to enable scrolling in iOS */
    .modal-scrollWrap {
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;

        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
    }
    .modal-iframe {
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        width: 100%;
        height: 100%;
    }
    .modal-exit {
        background: #555;

        position: absolute;
        right: -30px;
        top: 10px;
        width: 30px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 20px;

        cursor: pointer;
    }
    .modal-exit:hover {
        background: #444;
    }
    #modal-dim {
        background: rgba(0,0,0,.2);
        z-index: 998;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
    }
    .modal-spinner {
        color: #fff;
        display: none;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 2rem;
    }
    @media (max-width:1000px) {
        .modal-window {
            width: 90%;
        }
        .modal-exit {
            right: -26px;
        }
    }
    @media (max-width:800px) {
        .modal-window {
            width: 95%;
        }
        .modal-exit {
            right: -26px;
        }
    }
    @media (max-width:600px) {
        .modal-window {
            width: 100%;
            height: 100%;
        }
        .modal-exit {
            right: 0;
            top: 0;
            height: 45px;
            width: 35px;
            line-height: 45px;
        }
    }
    .modal-parent {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        transition: width .5s, height .5s linear;
    }
    .modal-parent > .modal-exit {
        display: none;
    }
    .modal-noScroll {
        overflow: hidden;
    }