/* Site-wide welcome announcement lightbox.  Toggle on/off in welcome-popup.js */
.welcome-popup {
    position: relative;
    background-color: #fff;
    padding: 3em;
    width: auto;
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
}

.welcome-popup h2 {
    font-family: Antonio-Bold;
    margin-top: 0;
}

.welcome-popup p {
    margin-bottom: 0;
}

.mfp-close-btn-in .welcome-popup .mfp-close {
    color: #000;
}

@media screen and (max-width: 700px) {
    .welcome-popup {
        padding: 2em 1.5em;
    }
}