@media only screen and (max-device-width: 880px) {

    body {
        font-size: 5em;
    }

    *[id="heading"] {
        .fadein {
            min-height: 12em;
        }
        img {
            width: 5em;
            height: 5em;
            padding-top: 1em;
        }
    }

    .main-feed {
        margin-left: 2%;
        margin-right: 2%;
    }

    .main-feed *[id="timerUntilWeddingCeremony"] {
        padding-bottom: 1.3em !important;
    }

    .main-feed .googleMapsAddressBlock {
        flex-flow: column nowrap;
    }

    .main-feed .googleMapsAddressBlock .mapframe {
        width: auto;
        min-width: 9em;
        height: 6em;
        margin-left: 0.8em;
        margin-right: 0.8em;
    }

    .main-feed *[id="fotoUpload"] > * {
        flex-flow: column nowrap;
    }

    .main-feed *[id="fotoUpload"] .drive-qr-code {
        margin-right: auto;
        margin-left: auto;
    }

    .main-feed [id="dressCode"] {
        flex-flow: column nowrap;

        .content {
            margin: 0 0.5em;
        }
        .dresscode-example-img {
            margin-right: auto;
            margin-left: auto;
        }
    }


    .main-feed .field input[type="text"] {
        min-width: 15em;
    }

    .multilineheaders {
        font-size: 90%;

        h1:has(+ h2) {
            margin-bottom: -0.65em;
        }

        h1:has(+ h3) {
            margin-bottom: -0.65em;
        }

        h1:has(+ h4) {
            margin-bottom: -0.7em;
        }

        h2:has(+ h3) {
            margin-bottom: -0.5em;
        }

        h2:has(+ h4) {
            margin-bottom: -0.6em;
        }
    }
}