        /* OLD CSS */
        /* html, body, #kt_app_root, #kt_app_page { height: 100%; min-height: 100%; } */
        /* #kt_app_root, #kt_app_page, #kt_app_wrapper, #kt_app_main { display: flex; flex-direction: column; min-height: 100vh; height: 100%; } */
        /* content grows, pushes footer down */ 
        /* #kt_app_main { flex: 1 1 auto; display: flex; flex-direction: column; } */
        /* do not shrink the footer */
        /* #kt_app_footer { flex-shrink: 0;  } */


html, body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Let Metronic wrappers participate in flex layout without forcing 100vh repeatedly */
#kt_app_root,
#kt_app_page,
#kt_app_wrapper,
#kt_app_main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0; /* important to prevent overflow from nested flex children */
}

/* Make the footer push to bottom when content is short */
#kt_app_footer {
    margin-top: auto;
    flex-shrink: 0;
}

.frontsite-welcome-text {
    text-align: center;
}

.frontsite-welcome-text img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
