CSS Column widths in EMs
/*
COLUMN: 60px (3.750em)
GUTTER: 20px (1.25em or 0.625em on each side)
1x = 60px | 3.750em
2x = 140px | 8.750em
3x = 220px | 13.750em
4x = 300px | 18.750em
5x = 380px | 23.750em
6x = 460px | 28.750em
7x = 540px | 33.750em
8x = 620px | 38.750em
9x = 700px | 43.750em
10x = 780px | 48.750em
11x = 860px | 53.750em
12x = 940px | 58.750em
*/
Breakpoint sin ems
bp-small : 24em; $bp-med : 46.8em; $bp-large : 50em; $bp-xl :
73em;
Tweak points in ems
$bp-small : 24em; $bp-small-2 : 29.75em; $bp-small-3 : 39.8em;
$bp-med : 46.8em; $bp-med-2 : 48em; $bp-large : 50em; $bp-large-2
: 54.5em; $bp-xl : 60em; $bp-xl-2 : 67em;
Responsive Video
video {
width:100%;
max-width:500px;
height:auto;
}