/* Shared frontend layout width.
   Keep Bootstrap's mobile/tablet containers, and give larger screens
   a little more usable space without stretching content edge-to-edge. */
@media (min-width: 1200px) {
    .container {
        max-width: calc(100% - 80px);
    }
}

@media (min-width: 1360px) {
    .container {
        max-width: 1280px;
    }
}