/* Общая направляющая: шапка и содержимое начинаются по одной линии. */
:root{--content-width:1220px;--page-gutter:20px}
header{padding-left:max(var(--page-gutter),calc((100% - var(--content-width))/2));padding-right:max(var(--page-gutter),calc((100% - var(--content-width))/2))}
main{max-width:var(--content-width)}
.welcome{max-width:var(--content-width)}

/* Контекст выбранного пути всегда виден в шапке. */
#crumb{display:none}
@media(max-width:700px){header{padding-left:14px;padding-right:14px}.welcome{max-width:none}}