.wrapper { @include breakpoint(small) { @include padding(2em, 0); } > .inner { width: 55em; margin: 0 auto; @include breakpoint(large) { width: 90%; } @include breakpoint(medium) { width: 100%; } > p { width: 40em; @include breakpoint(large) { width: 45em; } @include breakpoint(medium) { width: 90%; } } } } twentytwenty-wrapper img { width: 100%; } /* Section Three */ #three .inner { width: 60em; @include breakpoint(large) { width: 100%; } @include breakpoint(medium) { width: 100%; } }