/*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #5c5c5c; font-family: $font_primary; font-size: 16px; font-weight: 400; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { color: #000000; clear: both; } h1 { font-size: 2.5em; line-height: 1.3; } h2 { font-size: 2.2223em; line-height: 1.3; } h3 { font-size: 1.9444em; margin-bottom: 0.7778em; } h4 { font-size: 1.6667em; margin-bottom: 0.7778em; } h5 { font-size: 1.2777em; margin-bottom: 0.8888em; } h6 { font-size: 1em; margin-bottom: 0.8888em; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 40px 0; font-size: 1.3888em; color: #000; background-color: rgba(0,179,184,0.1); padding: 40px; position: relative; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 35px; background-position: 40px 35px; } blockquote p { margin: 0; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; }