html,
body {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.section {
    padding: 30px 0;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: none;
    z-index: 2;
}

.row-page {
    display: flex;
    flex-wrap: wrap;
}

.flex-stretch {
    align-items: stretch;
}

.col-auto {
    width: max-content;
    padding: 20px;
}

.col-1-1-page {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.col-1-2-page {
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}

.col-1-3-page {
    width: 33.33%;
    box-sizing: border-box;
    padding: 20px;
}

.col-2-3-page {
    width: 66.66%;
    box-sizing: border-box;
    padding: 20px;
}

.col-3-4-page {
    width: 75%;
    box-sizing: border-box;
    padding: 20px;
}

.col-1-4-page {
    width: 25%;
    box-sizing: border-box;
    padding: 20px;
}

.col-1-5-page {
    width: 20%;
    box-sizing: border-box;
    padding: 20px;
}

.col-2-5-page {
    width: 40%;
    box-sizing: border-box;
    padding: 20px;
}

.col-4-5-page {
    width: 80%;
    box-sizing: border-box;
    padding: 20px;
}

.content-container {
    max-width: 1000px;
    padding: 20px;
    background-color: #fff;
    border-radius: 2px;
}

.br-small {
    border-radius: 2px;
}

.flex-grow-1 {
    flex-grow: 1;
}

.justify-self-flex-end {
    justify-self: flex-end;
}

.justify-content-center {
    justify-content: center;
}

/* Max-width media queries */
@media (max-width: 1240px) {
    .col-1-5-page.sidebar-container {
        width: 25%;
    }

    .col-4-5-page {
        width: 75%;
    }
}

@media (max-width: 960px) {
    .col-1-5-page.sidebar-container {
        width: 30%;
    }

    .col-4-5-page {
        width: 70%;
    }

    .col-1-2-page {
        width: 100%;
    }

    .col-1-3-page {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .col-3-4-page {
        width: 100%;
    }

    .col-1-4-page {
        width: 50%;
    }

    .col-1-3-page {
        width: 75%;
        margin: 0 auto;
    }

    .col-4-5-page {
        width: 100%;
    }

    .col-1-5-page.sidebar-container {
        display: none;
    }
}

@media (max-width: 550px) {
    .col-auto {
        width: 100%;
    }

    .col-1-3-page {
        width: 85%;
    }
}

@media (max-width: 425px) {
    .col-1-3-page {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .col-1-4-page {
        width: 100%;
    }
}