changing font-size in _typography causes horizontal bars to appear

[itsam]

Hi there. Amazing work! Keep going.
I am trying to make fonts bigger in baseline so I change font-size
@include breakpoint(xlarge) { font-size: 16pt; }

If I do that the content of the page does not fit well, causing a horizontal bar to appear.
Any ideas?

[itsam]

Problem found.

@include skel-layout((
        reset: 'full',
        boxModel: 'border',
        containers: 80em,
        grid: ( gutters: 2em ),
        breakpoints: (
            xlarge: (
                containers: 80%,
                grid: ( gutters: 1.5em )
            ),          
            large: (
                containers: 65em,
                grid: ( gutters: 1.5em )
            ),
            medium: (
                containers: 90%
            ),
            small: (
                containers: (90%, true),
                grid: ( gutters: 1.25em )
            ),
            xsmall: (
                containers: (90%, true),
                grid: ( gutters: 1.25em )
            )
        )
    ));

There are some missing breakpoints in main.scss... If it helps I can provide a pull request... Otherwise, please fix accordingly.

Thanks in advance.

[ajlkn]

What's the context of @include breakpoint(xlarge) { font-size: 16pt; } ? Is it inside a rule targeting body or something?