.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
@media (min-width: 576px) {
    .container {
        max-width: 540px; } }
@media (min-width: 767.98px) {
    .container {
        max-width: 720px; } }
@media (min-width: 992px) {
    .container {
        max-width: 960px; } }
@media (min-width: 1200px) {
    .container {
        max-width: 1140px; } }

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }

.container-fluid.layout--50-50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 40px; }
@media (max-width: 767.98px) {
    .container-fluid.layout--50-50 {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto; }
    .container-fluid.layout--50-50 .layout--left {
        grid-row: 1;
        justify-self: end; }
    .container-fluid.layout--50-50 .layout--right {
        grid-row: 2; } }