@import '../../../styles/global.scss';

@media all and (max-width: 300px) {
    .plus-plan__table-container {
        display: flex;
        flex-direction: column;
        font-size: 12px;
    }

}

.plus-plan__table {
    display: flex;
    flex-direction: column;
    color: $grey-dark;
    width: 252px;
    margin: 7px;

    h3 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
    }
}

.plus-plan__table-container {
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

.plus-plan__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 6px;
}


.plus-plan__row--column_right {
    color: $grey-dark;
}

.plus-plan__row--column_left {
    color: $black-blue;
}