.layout-sheet {

/* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */

& {

@extend .container;

}

content {

background-color: white;

}

/* Small devices (tablets, 768px and up) */ @media (min-width: $screen-sm-min) {

#content {
    @include paper;

    padding: $padding-large-vertical * 5 $padding-large-horizontal * 3.5;
}

}

/* Medium devices (desktops, 992px and up) */ @media (min-width: $screen-md-min) {

#content {
    padding: $padding-large-vertical * 5 $padding-large-horizontal * 3.5;
}

}

/* Large devices (large desktops, 1200px and up) */ @media (min-width: $screen-lg-min) { }

}