/* New using rem output with pixel fallbacks */ html { font-size: 112.5%; line-height: 1.4em; } .container { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); -moz-background-size: 100% 1.4rem; -webkit-background-size: 100% 1.4rem; background-size: 100% 1.4rem; background-position: left top; } p { margin-top: 25px; margin-top: 1.4rem; margin-bottom: 25px; margin-bottom: 1.4rem; } th, td { padding-top: 6px; padding-top: 0.35rem; padding-bottom: 6px; padding-bottom: 0.35rem; } /* Incremental leading made easy! */ .caption { font-size: 15px; font-size: 0.85rem; line-height: 20px; line-height: 1.12rem; } .spaced-out { line-height: 38px; line-height: 2.1rem; } blockquote { margin-top: 25px; margin-top: 1.4rem; margin-bottom: 25px; margin-bottom: 1.4rem; padding: 0 1.4rem; } .fig-quote > blockquote { margin-bottom: 13px; margin-bottom: 0.7rem; } .fig-quote .source { font-size: 15px; font-size: 0.85rem; line-height: 25px; line-height: 1.4rem; margin-bottom: 13px; margin-bottom: 0.7rem; } .panel { border-width: 1px; border-width: 0.05556rem; border-style: solid; border-color: #aaaaaa; padding: 24px; padding: 1.34444rem; }