/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html, body { margin: 0 auto; padding: 0; background-color: #231F20; color: #FFFFFF; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

html .layout, body .layout { max-width: 960px; margin: auto; }

html h1, body h1 { font-size: 32px; padding: 0 0 16px; }

@media screen and (min-width: 480px) { html h1, body h1 { font-size: 48px; padding: 0 0 18px; } }

@media screen and (min-width: 740px) { html h1, body h1 { font-size: 56px; padding: 0 0 24px; } }

@media screen and (min-width: 1280px) { html h1, body h1 { font-size: 72px; padding: 0 0 36px; } }

html h1.append-dot:after, body h1.append-dot:after { content: "."; color: #6956CC; }

html .button, body .button { margin: 2em 1em; }

html .button a, body .button a { background-color: #6956CC; border: none; color: #FFFFFF; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 3em; }

html .button a:hover, body .button a:hover { background-color: #FFFFFF; color: #231F20; }

.hero { text-align: center; overflow-x: hidden; margin: 2em; text-align: center; overflow-x: hidden; }

.hero .summary { width: 500px; margin: auto; line-height: 1.5em; text-align: center; font-weight: bold; }