I'm trying to work out how to use EM media queries in my latest project. However after some testing I've found that the media queries are ever so slightly off and I can't work out why. It might have something to do with it using the parents font size instead of the body. My body is set to `14px` and my workings out look like:

```
$break-small: 22.8571em; //320px
$break-smallish: 40em; //560px
$break-med: 54.8571em; //768px
$break-medish: 68.5714em; //960px
$break-desk: 73.1428em; //1024px

```

body font size:

```
body{
    font-size: 14px;
    line-height: 1.5;
    min-height: 100%;
}

```

\*(from my SCSS breakpoint variables) From what I understand I did: 768 / 14 (base font size) = width in em's

Say I've a `div` called header, there is no `font-size` set on this `div`, only children of this `div`. Surely it would still then use the body `font-size`?