body { background-color: $bg; background-image: url('../img/bg/bg-2.png'); background-repeat-x: no-repeat; background-repeat-y: repeat; background-size: cover; background-attachment: fixed; display: flex; flex-direction: column; @include touch { background-attachment: scroll; } } .page-content { max-width: 920px; margin: 0 auto; } html, body { height: 100%; } .content { flex: 1 0 auto; max-width: $size-512 + $size-128; } footer.page-footer { flex-shrink: 0; } .rf-logo path { fill: transparent; stroke-width: 1; @include touch { stroke-width: 1.5; } } .textbox { @include textbox; }