html {
    height: 100%; /* показва грида по пълната височина на екрана и фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none; /* Не позволява промяна на размера на текста при завъртане на екрана (landscape/portrait) */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove Gray Highlight When Tapping Links in Mobile Safari */

    scroll-behavior: smooth; /* Smooth scrolling on the whole document */
}

body {
    /*background: url(../img/grid.png) center top repeat;*/
    height: 100%; /* показва грида по пълната височина на екрана. Ако го има НЕ фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 14px;
    color: #224229;

    text-align: center;

    /* footerfix */
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* *** */
}

/* footerfix */
body header,
body footer,
body main {
    flex-shrink: 0;
}

body main {
    flex-grow: 1;
    padding: 10px;
}
/* *** */