Cacher is the code snippet organizer for pro developers

/*
1em = font size relative to its parent
1em = browser default font-size which is typically 16px
So 2em = 36px

If body font-size is 2em (16px x 2 = 36px) then a child font size of 1.5em = 54px (36px * 1.5)

CONVERT PX to EMS
If you know what px value you would like to use you can convert PX to EMS
(desired px size)/(parent font-size in px)
If body font-size = 1em = 16px, and
the desired px size = 26px,
26px/16px = 1.625em
*/
.title {
  font-size: 1.625em /*26px/16px*/;
}

/*
Problem compounds when there are multiple nested elements each with a font-size in ems declared. 
Get around this problem be using REMS
*/