@media (max-width: 767.98px) {
    body {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    h1 {
        font-size: 18px !important;
        padding: 14px 12px !important;
    }

    article {
        padding: 8px 12px !important;
        font-size: 12px !important;
        flex-wrap: wrap !important;
    }

    .control-panel {
        padding: 14px !important;
    }

    .preview-panel {
        padding: 14px !important;
    }

    .step-container {
        padding: 14px !important;
    }
}