/* Module: Menu
----------------------------------------------- */

.module--menu {
    padding: 45px 0 15px;

    &.column-count {
        &--1 {
            max-width: $screen-tablet;
            margin: 0 auto;
        }
    }

    @include tablet() {
        padding: 75px 0 30px;
    }
}

.menu {
    &-columns {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;

        .menu-column {
            padding: 0 15px;

            &--1 {
                margin: 0 auto;
                flex: 0 (100%);
            }

            &--2 {
                @include tablet() {
                    flex: 0 (100%/2);
                }
            }

            &__hdg {
                border-bottom: 1px solid;
                display: block;
                padding-bottom: 15px;
                margin-bottom: 30px;
            }

            .menu-section {
                margin-bottom: 60px;
            }
        }
    }

    &__button {
        padding: 0 15px;
    }
}
