Controlling media queries with Breakpoint

Now that we have the basics of working with Susy,…it's time to add responsiveness to our layout.…Now, in CSS, you do that with media queries.…But the way you write them can be a little bit complex.…I know that when I'm doing media queries in CSS,…it's one of those things I always have to look up.…And that's because the language for them looks like this.…You say, @media only screen and min-device-width.…And then you say max-device-width.…And if you want to do something in between those two,…you have to add both of them, kind of like this right here.…And just, there's a lot of language here that doesn't seem like needs to be there.…

They could be a lot simpler and that's really what this framework is for.…So it's called Breakpoint and it makes things just a lot simpler.…And all you do is, in the simplest form, you define a variable with Sass like this,…that specifies sort of a minimum media query point.…And then you just use that media query point whenever you want.…Just do an include, right?…And then you put the content within that section that you want…