body.grid {
    height: 100%; /* показва грида по пълната височина на екрана. Ако го има НЕ фиксира footer в дъното на прозореца (footerfix.js) */
    background-repeat: repeat;
    background-position: top center;
}

@media (max-width: 979.999px) {
	body.grid { background-image: url(/svg/wireframe/gridm.svg); }
}

@media (min-width: 980px) {
	body.grid { background-image: url(/svg/wireframe/gridd.svg); }
}

.b {
    border: 1px solid var(--border);
    box-sizing: border-box;
}

.s {
    border: 1px solid var(--border);
	background-color: var(--fill);
	padding: 10px;
}

hgroup,
article,
section {
    box-sizing: border-box;
}

main hgroup {
    padding: 20px;
}

/* Mobile & Tablet */
@media (max-width: 799.999px) {
    header section,
    footer section {
        padding: 0 20px;
    }

    main article,
    main section {
        padding: 20px;
    }
}

/* Tablet & Desktop */
@media (min-width: 660px) {
    main hgroup {
        max-width: 660px;
        margin: 0 auto;
    }
}

@media (min-width: 800px) {
    header section,
    footer section {
        padding: 0 40px;
    }

    main article,
    main section {
        padding: 20px 40px;
    }
}

@media (min-width: 920px) {
    main article {
        max-width: 920px;
        margin: 0 auto;
    }
}

/* Desktop */
@media (min-width: 1360px) {
    header section,
    main section,
    footer section {
        max-width: 1360px;
        margin: 0 auto;
    }
}