.content { position: relative; margin: 0; border-left: none; border-right: none; .container { position: relative; } .widget { @include min-screen($break-large) { display: block; bottom: 1em; } } @include max-screen($break-xsmall) { .header { font-size: 18px; font-weight: 400; } } @include screen($break-xsmall + 1px, $break-small - 1px) { .left { top: 4em; } } @include max-screen($break-small) { .text { font-size: 1.5em; } } @include min-screen($break-small) { .left { top: 12em; } } @include min-screen($break-medium) { text-align: left; .left { top: 10em; } } @include min-screen($break-large) { font-size: 2.2em; } }