html { font-size: x-large; } body { line-height: 1.5; text-rendering: optimizeLegibility; vertical-align: baseline; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; max-width: 640px; -ms-word-wrap: break-word; word-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } ol, ul { list-style: none; } li li { margin-left: 1.5em; } table { /* tables still need 'cellspacing="0"' in the markup */ border: 0; border-collapse: separate; border-spacing: 2px; } caption, th, td { font-size: inherit; font-weight: normal; text-align: left; } td { background: rgba(51, 71, 61, 0.05); padding: 0.5em; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a > img { border: 0; vertical-align: middle; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #33473d; font-family: "Lato","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; } /* Headings */ body h1, body h2, body h3, body h4, body h5, body h6 { color: #774553; clear: both; font: 700 2.2rem/1.5 "Aleo","Skolar","ff-tisa-web-pro","Georgia",serif; } body h1 { font-size: 2.75rem; line-height: 1; margin-bottom: 0.5em; } body h2 { font-size: 1.5rem; line-height: 1.333333333333333; margin-bottom: 0.6666666666666667em; } body h3 { font-size: 1rem; line-height: 1; margin-bottom: 1em; } body h4 { font-size: 0.875rem; line-height: 1.142857142857; margin-bottom: 1.142857142857em; } body h5 { font-size: 0.75rem; line-height: 1.333333333333333; margin-bottom: 1.333333333333333em; } body h6 { font-size: 0.6666666666666667rem; line-height: 1.333333333333333; margin-bottom: 1.333333333333333em; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { list-style-type: none; margin: 0 0 1.5em 3em; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } ul { list-style: disc; } ol { list-style: lower-roman; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } address, dfn, cite, em, i { font-style: italic; } blockquote { border-left: 5px solid #c38596; color: rgba(51, 71, 61, 0.5); font-family: "Aleo","Skolar","ff-tisa-web-pro","Georgia",serif; font-style: italic; padding-left: 1.5em; } blockquote cite { color: #33473d; font-family: "Lato", "proxima-nova", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-style: normal; font-size: 0.75em; } blockquote cite:before { content: "\2014 \0020"; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.6875rem; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; border: none; color: inherit; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } a { color: #68adc3; font-weight: 700; text-decoration: none; } a:hover, a:focus, a:active { text-decoration: underline; }