.modal.keeter-newsletter-modal .modal-body {
    padding: 0;
}

@media screen and (min-width: 769px) {
    .modal.keeter-newsletter-modal .modal-content {
        background-color: transparent;
    }
    
    .modal.keeter-newsletter-modal .modal-content,
    .modal.keeter-newsletter-modal .modal-header {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .modal.keeter-newsletter-modal .modal-dialog {
        max-width: 100%;
    }

    .modal.keeter-newsletter-modal .modal-header {
        position: relative;
    }

        .modal.keeter-newsletter-modal .modal-header::before {
            content: '';
            background-image: url('https://static.cofo.edu/images/Keeter/footerornament-creme.svg');
            position: absolute;
            bottom: calc(100% + 4px);
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            padding-top: calc(40.395588% / 4);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

    .modal.keeter-newsletter-modal .modal-dialog {
        width: fit-content;
    }

    .modal.keeter-newsletter-modal .modal-header {
        display: block;
        background-color: #eee7d4;
    }

    .modal.keeter-newsletter-modal .btn-close {
        float: right;
    }

    .modal.keeter-newsletter-modal .modal-title {
        text-align: center;
        font-family: helvetica neue, Helvetica, Arial;
        font-size: 24px;
        font-weight: 300;
    }

    .modal.keeter-newsletter-modal iframe {
        width: 574px;
        height: 400px;
        border: none;
    }
}

@media screen and (max-width: 768px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
        align-items: normal;
    }

    .modal.keeter-newsletter-modal .modal-header {
        display: block;
        background-color: #eee7d4;
    }

    .modal.keeter-newsletter-modal .btn-close {
        float: right;
    }

    .modal.keeter-newsletter-modal .modal-title {
        text-align: center;
        font-family: helvetica neue, Helvetica, Arial;
        font-size: 24px;
        font-weight: 300;
    }

    .modal.keeter-newsletter-modal .modal-content {
        background-color: #2c2c24;
        text-align: center;
    }

    .modal.keeter-newsletter-modal iframe {
        display: inline-block;
        width: 100%;
        max-width: 574px;
        height: 400px;
        border: none;
    }
}