.job-scraper__modal-wrapper {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        padding: 20px 30px;
        z-index: 99;
        position: absolute;
        background-color: white;
        left: 10%;
        right: 10%;
        top: 40px;
        margin-bottom: 40px;
    }
    @media only screen and (max-width: 640px) {
        .job-scraper__modal-wrapper {
            left: 0;
            right: 0;
            top: 0;
            margin-bottom: 0;
            min-height: 100%;
        }
    }
    .job-scraper__modal-header {
        text-align: center;
    }
    .job-scraper__modal-container {
        max-width: 600px;
        margin: 10px auto 20px auto;
    }
    .job-scraper__close-box {
        float: right;
        margin-top: -30px;
        margin-right: -20px;
        cursor: pointer;
        font-family: Arial;
        font-size: 1.7rem;
        font-weight: 100;
        color: lightgrey;
    }
    .job-scraper__close-box:hover {
        opacity: 0.6;
    }
    .job-scraper__location, .job-scraper__date {
        margin:0px;
        font-size: .75rem;
    }
    .job-scraper__modal-veil {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999;
        background-color: rgba(0,0,0,0.3);
        left: 0;
        top: 0;
        overflow: auto;
        display: none;
    }
    .job-scraper__title {
        font-size: 1.3rem;
        font-style: italic;
    }
    .job-scraper__company {
        margin: 5px;
        font-size: .75rem;
        font-style: bold;
    }
    .job-scraper__modal-apply {
        padding: 15px 30px;
        border: solid mediumseagreen 2px;
        margin: auto;
        color: mediumseagreen;
        border-radius: 5px;
        text-decoration: none;
    }
    .job-scraper__modal-apply:hover {
        background-color: mediumseagreen;
        color: white;
        cursor: pointer;
    }
    .job-scraper__modal-footer {
        text-align: center;
        padding: 20px;
    }
    .job-scraper__modal-veil.open {
        display: block;
    }