/* ========================================================================== */
/* Layout (page wrappers and containers)                                       */
/* Load order: 2                                                               */
/* Defines `.container` width and `.main-content` layout.                      */
/* ========================================================================== */
/* Layout and Containers */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    /* Prevent horizontal overflow */
    width: 100%;
    overflow-x: hidden;
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* Prevent horizontal overflow */
    width: 100%;
    overflow-x: hidden;
}