@media (max-width: 380px) {

    .page-node {
        #modalContent {
            .ctools-modal-dialog {
                width: 280px !important;
            }
        }
    }
}

@media screen and (max-height: 800px) {

    #modalContent.nyhedsbrev-js {
        bottom: auto !important;
        top: -15px !important;
    }

}

@media screen and (max-height: 590px) {

    #modalContent.nyhedsbrev-js {
        width: 100% !important;

        .ctools-modal-dialog .modal-content {
            width: 100% !important;
        }

        p {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .names-container {
            .form-item.form-item-first-name,
            .form-item.form-item-last-name {
                width: 49% !important;
                float: left;
            }

            .form-item.form-item-first-name {
                margin-right: 2%;
            }
        }

        .nyhedsbrev-modal-helper {
            margin: 0 !important;
        }

    }

}