@media (max-width: 767px) {
    .mobile-invisible {
        display: none;
    }

    .mobile-fullscale {
        width: 100% !important;
    }

    .mobile-fullscale > div {
        text-align: left !important;
    }

    .mobile-fullscale > details {
        width: 100%;
    }

    .button-container.mobile-fullscale {
        text-align: left;
    }

    .header-element-container h1 {
        display: inline;
    }

    .body-container.mobile-fullscale, .body-textbox.mobile-fullscale {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .body-textbox {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 10px 10px;
        width: 100%;
        text-align: left !important;
    }

    .body-left:not(.mobile-invisible), .body-right:not(.mobile-invisible) {
        display: inline-flex;
        width: 100%;
        margin: 0;
        justify-content: left;
    }

    .button-container {
        text-align: left !important;
    }

    #footer-container {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: left;
        text-align: left;
    }

    .footer-textbox {
        width: 100% !important;
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}