@mixin write-container($media: '', $size: 0) {
    .container { 
        max-width: $size - 10; 
    margin-left:auto !important;
    margin-right:auto !important;
    overflow: hidden;
    }

}

/*  media queries */


@each $bp_nom, $bp_size in $base_breakpoints {

    /* - $bp_size - */
    @media (min-width:$bp_size) {

        @if $bp_size == $hamburger-breakpoint {
            /* nav hamburger */
            [data-nav-button] {
                display: none;
            }
            [data-nav-target] {
                display: block !important;
            }
        }
        @include write-container(-#{$bp_nom}, $bp_size);
    @include write-margin-padding(-#{$bp_nom});
    @include write-display(-#{$bp_nom});
    @include write-grid(-#{$bp_nom});
@include write-flex(-#{$bp_nom});
@include write-text-align(-#{$bp_nom});
@include write-lineheight(-#{$bp_nom});
}
}
