/* 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; } /* fonts */ @font-face { font-family: 'fertigo_proregular'; src: url('/cdn/fonts/fertigo_pro_regular-webfont.eot'); src: url('/cdn/fonts/fertigo_pro_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/fertigo_pro_regular-webfont.woff2') format('woff2'), url('/cdn/fonts/fertigo_pro_regular-webfont.woff') format('woff'), url('/cdn/fonts/fertigo_pro_regular-webfont.ttf') format('truetype'), url('/cdn/fonts/fertigo_pro_regular-webfont.svg#fertigo_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerbold'; src: url('/cdn/fonts/aller_bd-webfont.eot'); src: url('/cdn/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/aller_bd-webfont.woff2') format('woff2'), url('/cdn/fonts/aller_bd-webfont.woff') format('woff'), url('/cdn/fonts/aller_bd-webfont.ttf') format('truetype'), url('/cdn/fonts/aller_bd-webfont.svg#allerbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerbold_italic'; src: url('/cdn/fonts/aller_bdit-webfont.eot'); src: url('/cdn/fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/aller_bdit-webfont.woff2') format('woff2'), url('/cdn/fonts/aller_bdit-webfont.woff') format('woff'), url('/cdn/fonts/aller_bdit-webfont.ttf') format('truetype'), url('/cdn/fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aller_lightitalic'; src: url('/cdn/fonts/aller_ltit-webfont.eot'); src: url('/cdn/fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/aller_ltit-webfont.woff2') format('woff2'), url('/cdn/fonts/aller_ltit-webfont.woff') format('woff'), url('/cdn/fonts/aller_ltit-webfont.ttf') format('truetype'), url('/cdn/fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'alleritalic'; src: url('/cdn/fonts/aller_it-webfont.eot'); src: url('/cdn/fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/aller_it-webfont.woff2') format('woff2'), url('/cdn/fonts/aller_it-webfont.woff') format('woff'), url('/cdn/fonts/aller_it-webfont.ttf') format('truetype'), url('/cdn/fonts/aller_it-webfont.svg#alleritalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aller_displayregular'; src: url('/cdn/fonts/allerdisplay-webfont.eot'); src: url('/cdn/fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/allerdisplay-webfont.woff2') format('woff2'), url('/cdn/fonts/allerdisplay-webfont.woff') format('woff'), url('/cdn/fonts/allerdisplay-webfont.ttf') format('truetype'), url('/cdn/fonts/allerdisplay-webfont.svg#aller_displayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aller_lightregular'; src: url('/cdn/fonts/aller_lt-webfont.eot'); src: url('/cdn/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/aller_lt-webfont.woff2') format('woff2'), url('/cdn/fonts/aller_lt-webfont.woff') format('woff'), url('/cdn/fonts/aller_lt-webfont.ttf') format('truetype'), url('/cdn/fonts/aller_lt-webfont.svg#aller_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerregular'; src: url('/cdn/fonts/aller_rg-webfont.eot'); src: url('/cdn/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/aller_rg-webfont.woff2') format('woff2'), url('/cdn/fonts/aller_rg-webfont.woff') format('woff'), url('/cdn/fonts/aller_rg-webfont.ttf') format('truetype'), url('/cdn/fonts/aller_rg-webfont.svg#allerregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_sansbold'; src: url('/cdn/fonts/droidsans-bold-webfont.eot'); src: url('/cdn/fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/droidsans-bold-webfont.woff2') format('woff2'), url('/cdn/fonts/droidsans-bold-webfont.woff') format('woff'), url('/cdn/fonts/droidsans-bold-webfont.ttf') format('truetype'), url('/cdn/fonts/droidsans-bold-webfont.svg#aller_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_sansregular'; src: url('/cdn/fonts/droidsans-webfont.eot'); src: url('/cdn/fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('/cdn/fonts/droidsans-webfont.woff2') format('woff2'), url('/cdn/fonts/droidsans-webfont.woff') format('woff'), url('/cdn/fonts/droidsans-webfont.ttf') format('truetype'), url('/cdn/fonts/droidsans-webfont.svg#allerregular') format('svg'); font-weight: normal; font-style: normal; } /* default styles */ html { font-family: 'droid_sansregular', 'fertigo_proregular', helvetica; } h1, h2, h3, h4 { font-family: 'aller_displayregular', 'allerbold', sans-serif, georgia, helvetica; margin-bottom: 15px; margin-top: 20px; } h1, h2 { font-weight: bolder; } h3, h4, strong { font-weight: bold; } h1 { font-size: 250%; } h2 { font-size: 200%; } h3 { font-size: 150%; } p, ul { margin-bottom: 10px; } li { margin-left: 45px; } /* default sizes */ header, .content, footer { width: 80%; margin: 20px auto; } /* header & navigation */ header>a { color: #000; text-decoration: none; } header h1 { margin-bottom: 15px; } nav li { display: inline; padding: 0 15px; } /* content styles */ .content h2, .content h3, .content h4 { text-decoration: underline; } /* footer styles */ footer { text-align: center; } footer .link { display: inline-block; width: 29px; height: 29px; margin: 0 15px; overflow: hidden; background-repeat: no-repeat; } footer .facebook { background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/facebook.png'); } footer .linkedin { background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/linkedin.png'); width: 34px; } footer .youtube { background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/youtube.png'); width: 41px; } footer .github { background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/github.png'); } footer .skype { background-image: url('https://d2xxklvztqk0jd.cloudfront.net/images/skype.png'); } /* clearfix */ .group:after { content: ""; display: table; clear: both; }