/* 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; }

/*
font-family: 'Clavo Bold'
font-family: 'Clavo Medium'
font-family: 'Clavo Regular'
font-family: 'Clavo UltraLight'
*/
html, body { width: 100%; height: 100%; -webkit-font-smoothing: antialiased; }

body h2 { font-family: 'Clavo-Light', sans-serif; color: #5f7b88; padding-top: 0; margin-bottom: 30px; font-size: 1.75em; line-height: 1.5em; }
body h3 { font-family: 'Clavo-Medium', sans-serif; color: #364a53; margin-bottom: 20px; padding-top: 20px; font-size: 1.375em; }
body p { font-family: 'Clavo-Light', sans-serif; font-size: 1.25em; margin-bottom: 20px; line-height: 1.5em; color: #364a53; }
body p.terms { color: #5f7b88; font-size: 0.875em; }
body p:last-child { margin-bottom: 0; }
body .page-terms p { font-size: 0.875em; }
body .page-terms h3 { font-size: 1.125em; margin-bottom: 14px; padding-top: 0; }
body a { color: #5f7b88; text-decoration: none; }
body a:hover, body a:active, body a:focus { text-decoration: underline; }
body strong { font-family: 'Clavo-Medium', sans-serif; font-weight: normal; }
body img { margin-bottom: 40px; max-width: 100%; height: auto; }
width:auto\9 body img.profile { max-width: 640px; }
body img.linkedin { margin-bottom: 20px; }
body img.linkedin-last { margin-bottom: 0; }
body blockquote { margin-bottom: 40px; }
body blockquote p { color: #00a1d2; font-size: 1.375em; margin-bottom: 10px; }
body blockquote p.source { font-size: 1em; color: #364a53; font-family: 'Clavo-Medium', sans-serif; }

.wrapper { max-width: 48.75em; width: 100%; margin: 0 auto; }
@media screen and (min-width: 51.25em) { .wrapper { padding: 0 20px; } }

.logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #09283c url("../images/bg.jpg") no-repeat center center; background-size: cover; display: block; padding: 17px 20px 18px 20px; width: 100%; }
@media screen and (min-width: 37.5em) { .logo { max-width: 380px; } }
@media screen and (min-width: 33.75em) { .logo { margin-bottom: 40px; } }
.logo img { margin-bottom: 0; max-width: 254px; }

.main-nav { font-family: 'Clavo-Medium', sans-serif; }
@media screen and (max-width: 33.6875em) { .main-nav { background-color: #364a53; margin-bottom: 30px; }
  .main-nav .mobile-menu-title { display: block; color: white; background-color: #364a53; display: block; text-align: center; padding: 10px; }
  .main-nav ul { display: none; padding-bottom: 10px; } }
@media screen and (min-width: 33.75em) { .main-nav { margin-bottom: 40px; padding: 0 20px; }
  .main-nav .mobile-menu-title { display: none; }
  .main-nav ul { display: block !important; } }
@media screen and (min-width: 51.25em) { .main-nav { padding: 0; } }
@media screen and (min-width: 33.75em) { .main-nav li { display: inline-block; margin-right: 20px; } }
@media screen and (min-width: 51.25em) { .main-nav li { margin-right: 30px; } }
.main-nav a { text-decoration: none; color: #364a53; }
@media screen and (max-width: 33.6875em) { .main-nav a { display: block; padding: 10px 10px; } }
.main-nav a.active { color: #00a1d2; }
@media screen and (max-width: 33.6875em) { .main-nav a { color: white; } }

.main-content { padding-right: 60px; }
@media screen and (max-width: 51.25em) { .main-content { padding: 0 20px; } }
.main-content .intro { margin-bottom: 40px; }
.main-content .intro p { color: #5f7b88; font-size: 1.5em; line-height: 1.4em; }
@media screen and (min-width: 51.25em) { .main-content .intro p { font-size: 1.6875em; line-height: 1.4em; } }
.main-content .main-content { margin-top: 40px; }

.main-footer { background: #09283c url("../images/bg.jpg") no-repeat center center; background-size: cover; color: white; padding: 17px 20px 18px 20px; margin-top: 40px; margin-bottom: 20px; }
@media screen and (min-width: 51.25em) { .main-footer { margin-bottom: 40px; } }
.main-footer p { font-family: 'Clavo-Light', sans-serif; margin-bottom: 0; color: white; font-size: 1.8125em; line-height: 1.25em; }

.copyright { font-size: 0.875em; padding-bottom: 40px; }
@media screen and (max-width: 51.25em) { .copyright { padding-left: 20px; } }
.copyright a { display: inline-block; margin-left: 20px; }