﻿.cmp-container {
    width: 100%
}

@media (min-width: 1436px) {
    .cmp-container {
        margin: 0 auto;
        max-width: 1436px
    }
}

.cmp-container--small {
    width: 100%;
    margin: 56px auto
}

@media (min-width: 764px) {
    .cmp-container--small {
        width: 456px
    }
}

@media (min-width: 1016px) {
    .cmp-container--small {
        width: 624px
    }
}

@media (min-width: 1436px) {
    .cmp-container--small {
        width: 670px
    }
}

.cmp-container--small > .section:not(:first-child) {
    margin-top: 24px
}

.cmp-container--1137 {
    width: auto;
    margin: 0 16px
}

@media (min-width: 764px) {
    .cmp-container--1137 {
        margin: 0 32px
    }
}

@media (min-width: 1436px) {
    .cmp-container--1137 {
        max-width: 1137px;
        margin: auto
    }
}

.cmp-container--2-cols .row {
    margin: 0 0 8px
}

@media (min-width: 764px) {
    .cmp-container--2-cols .row {
        margin: 0 0 16px
    }
}

@media (min-width: 1016px) {
    .cmp-container--2-cols .row {
        margin: 0 0 24px
    }
}

.cmp-container--2-cols .row .col-6 {
    padding: 0 8px 0 0
}

@media (min-width: 764px) {
    .cmp-container--2-cols .row .col-6 {
        padding: 0 16px 0 0;
        margin-left: auto;
        margin-right: 0;
        width: 228px;
        max-width: 228px
    }
}

@media (min-width: 1016px) {
    .cmp-container--2-cols .row .col-6 {
        padding: 0;
        margin: 0 20.5% 0 0;
        width: 31.1%;
        max-width: none;
        flex: 0 0 auto
    }
}

@media (min-width: 1436px) {
    .cmp-container--2-cols .row .col-6 {
        margin: 0 23.5% 0 0;
        width: 28%
    }
}

.cmp-container--2-cols .row .col-6:last-of-type {
    padding: 0 0 0 8px
}

@media (min-width: 764px) {
    .cmp-container--2-cols .row .col-6:last-of-type {
        padding: 0 0 0 16px;
        margin-right: auto;
        margin-left: 0
    }
}

@media (min-width: 1016px) {
    .cmp-container--2-cols .row .col-6:last-of-type {
        padding: 0;
        margin-right: auto;
        margin-left: 0
    }
}
