/**
 * potato.
 *
 * Сайт : Начало.
 *
 *
 *
 *
 */

/**
 * Сетка : Контейнеры.
 * -----------------------------------------------------------------------------
 */

.container {
    width: 100%;
    min-width: 320px;

    padding-right: 15px;
    padding-left: 15px;

    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/**
 * Сетка : Колонки (Flexbox).
 * -----------------------------------------------------------------------------
 */

.row {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    margin-right: -15px;
    margin-left: -15px;
}

.col {
    position: relative;

    width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;

    padding-right: 15px;
    padding-left: 15px;
}


/**
 * Clearfix (bootstrap 4).
 * -----------------------------------------------------------------------------
 */

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}