.reveal.alert-modal {
    padding: 0;
}

    .reveal.alert-modal button.close-button {
        min-width: 20px;
    }

    .reveal.alert-modal div {
        padding: 0rem 2rem 1rem 2rem;
    }

    .reveal.alert-modal p {
        padding: 0;
    }

    .reveal.alert-modal button.close-button:hover, .reveal.alert-modal button.close-button:active, .reveal.alert-modal button.close-button:focus {
        background: initial !important;
        border: 0 !important;
        color: initial !important;
    }

    .reveal.alert-modal img.agencyLogo {
        max-width: 40%;
        margin-left: 2rem;
        margin-top: 1rem;
    }

    .reveal.alert-modal h2 {
        border-top: 2px solid #ebebeb;
        margin-left: 2rem;
        margin-right: 2rem;
        margin-top: 1rem;
    }

    .reveal.alert-modal .button-group {
        margin-bottom: 0;
        padding-left: 15%;
        padding-right: 15%;
        background: #ebebeb;
    }

@media (max-width: 39.9375em) {
    .reveal.alert-modal {
        margin: 5%;
        width: 90%;
        height: fit-content;
        min-height: fit-content;
    }

        .reveal.alert-modal img.agencyLogo {
            max-width: 70%;
            margin-left: 2rem;
            margin-top: 1rem;
        }

        .reveal.alert-modal .button-group {
            margin-bottom: 0;
            padding-left: 5%;
            padding-right: 5%;
            background: #ebebeb;
        }
        /*Added to increase the size to match the menu X on modal*/
        .reveal.alert-modal button.close-button {
            font-size: 22px;
        }
}