@media (max-width: 650px) {
    .openTask {
        max-width: 70vw;
        padding: 16px 8px !important;
    }

    .cardHeadlineOverlay {
        font-size: 48px;
        word-break: break-all;
    }

    form {
        margin-right: 0;
    }

    .edit-form-style {
        max-width: 70vw;
    }

    .prioButtons {
        flex-direction: column;
    }

    #assigned-text {
        font-size: 12px;
    }

    #newSubtask {
        font-size: 12px;
    }

    #input-due-date {
        font-size: 12px;
    }
}

@media (max-width: 450px) {
    .priority {
        padding: 0;
    }

    .priorityWrapper {
        flex-direction: column;
    }
}

@media (max-width: 350px) {
    .openTask {
        text-align: center;
    }

    .edit-form-style {
        padding: 12px !important;
    }

    .dateWrapper {
        flex-direction: column;
        align-items: center;
    }


    .cardHeadlineOverlay {
        font-size: 32px;
    }
}

@media (max-height: 1200px) {
    .openTask {
        overflow-y: scroll;
    }
}