html, body { padding:0; margin:0; font-size:100%; line-height:1.4em; color:#222; font-family:"open-sans",sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; font-feature-settings:"kern"; -webkit-font-feature-settings:"kern"; -moz-font-feature-settings:"kern"; -moz-font-feature-settings:"kern=1"; }
*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
article { overflow:hidden; margin:0; }
article aside { border-bottom:0; }
section { padding:40px 0 20px; overflow:hidden; }
aside { border-bottom:1px solid #ddd; margin:0 0 15px; overflow:hidden; }
header#global-bar { display:block; background:#b9002d; padding:12px 0; margin:0; }
header#global-bar .logo { display:block; width:156px; height:28px; }
header .title { margin-bottom:10px; }
header .title .hidden { position:absolute; top:-9999px; left:-9999px; }
header .title .title-img { width:100%; }
footer { padding:20px 0; background-color:#000; }
footer p { margin:0; font-size:.8em; line-height:1.4em; color:#fff; }
footer a { color:#fff; text-decoration:underline; }
a { color:#207cc1; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5 { font-weight:normal; margin:0 0 20px; line-height:1.2em; }
h2 { font-size:2rem; }
h3 { font-size:2rem; font-weight:bold; }
h4 { font-size:1.125rem; font-weight:bold; color:#b9002d; }
h4 a { color:#b9002d; text-decoration:underline; }
p { margin:0 0 20px; padding:0; font-size:1.125rem; line-height:1.6em; }
ol { font-size:1.125rem; line-height:1.1em; margin:0 0 20px; padding:0 0 0 1.5em; }
ol li { margin:0 0 20px 0; position:relative; }
ul { list-style-type:none; margin:0 0 20px 0; padding:0; }
ul li { margin:0 0 5px 0; padding:0 0 0 10px; position:relative; }
ul li:before { content:"\2022"; display:inline-block; position:absolute; left:0; font-size:1.125rem; vertical-align:middle; }
hr { height:0; width:100%; margin:30px 0; border:0; border-top:1px dashed rgb(221,221,221); }


.page-width { max-width:60em; margin:0 auto; padding:0 40px; }

.note { display:block; font-size:1rem; line-height:1.4em; }
.btn { opacity:.9; display:inline-block; padding:10px 30px 10px 30px; margin:0 0 10px; background:#ffcc00; color:#111; font-weight:bold; font-size:1.125rem; line-height:1.1em; }
.btn:hover { text-decoration:none; opacity:1; }
.nm { margin:0; }
.list-header { margin-bottom:5px; }


article header { text-align:center; max-width:800px; margin:0 auto; padding:40px 0 20px; }
article header h1 { font-size:6em; line-height:1em; color:#b9002d; font-family:"oreilly-urw-typewriter-narro",Georgia,serif; font-weight:100; letter-spacing:-.01em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
article header h2 { font-size:2.5em; line-height:1.1em; margin-bottom:0; }
article header h2.subtitle { margin-top:-12px; }


.callout-row { background-color:#f4f4f4; }
.callout-row:nth-of-type(odd) { background-color:#e4e4e4; }

.mobile-show { display:none; }

#info { position:relative; }
#info section { overflow:visible; }
#bear-wrapper { position:absolute; overflow:hidden; width:30%; height:400px; bottom:-17px; right:0; }
#bear-wrapper img { width:524px; }
#cta-col { margin-top:.5rem; }

.grid {
  margin-right:-40px;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
  padding-right: 40px;
}
[class*='col-']:last-of-type {
  float: left;
}


.col-4-5 { width: 80%; }
.col-3-4 { width: 75%; }
.col-2-3 { width: 66.66%; }
.col-3-5 { width: 60%; }
.col-1-2 { width: 50%; }
.col-2-5 { width: 40%; }
.col-1-3 { width: 33.33%; }
.col-1-4 { width: 25%; }
.col-1-5 { width: 20%; }
.col-1-6 { width: 16.66%; }


@media screen and (max-width: 40em) {
  .page-width { padding:0 20px; }
  .grid { margin-right:-20px; }
  [class*='col-'] { padding-right: 20px; }
  .mobile-stack [class*='col-'] { width: 100% !important; }
  article header h1 { font-size:4rem; line-height:1em; }
  .mobile-show { display:block; }
  .mobile-hide { display:none; }

  #bear-wrapper { height:200px; bottom:-8px; }
  #bear-wrapper img { width:262px; }
  #cta-col { margin-right:30%; }
  h2, h3 { font-size:1.75rem; line-height:1.1em; }
}
@media screen and (max-width: 30em) {
  article header h1 { font-size:3rem; line-height:1em; }
  h2, h3 { font-size:1.5rem; line-height:1.1em; }
}