@media all {
  /* ---------- Landing Pages ---------- */
  .red a.is--btn, input[type="button"], .red input[type="reset"], .red input[type="submit"], .red button, .red a.internal-link-box { background: #AE0018; }
  .basis a.is--btn, input[type="button"], .basis input[type="reset"], .basis input[type="submit"], .basis button, .basis a.internal-link-box { background: #F27C00; }
  .balance a.is--btn, input[type="button"], .balance input[type="reset"], .balance input[type="submit"], .balance button, .balance a.internal-link-box { background: #0087C0; }
  .skoll a.is--btn, input[type="button"], .skoll input[type="reset"], .skoll input[type="submit"], .skoll button, .skoll a.internal-link-box { background: #0085CF; }
  
  .red a { color: #AE0018; }
  .basis a { color: #F27C00; }
  .balance a { color: #0087C0; }
  .skoll a { color: #0085CF; }
  
  video { width: 100%; }
  video:focus { outline: 0; }
  
  html * { font-size: 100%; }
   
  textarea, input, button, select, option, optgroup, pre, code, kbd, samp, var, tt { font-family: 'Roboto', sans-serif; color: #1d1d1d; border-radius: 0; -webkit-appearance: none; }
  textarea:disabled, input:disabled, select:disabled { color: #ccc; cursor: not-allowed; }
  input[type="checkbox"], input[type="radio"] { background: initial; }
  input[type="checkbox"] { -webkit-appearance: checkbox; }
  input[type="radio"] { -webkit-appearance: radio; }
  textarea, input, select { padding: 0.25em 0.5em; line-height: 1.2; background: #fff; border: 1px solid #51504f; outline: 0; }
  textarea:focus, input:focus, select:focus { border-color: #7a7978; }
  textarea { min-height: 6.5em; resize: vertical; }
  select { -webkit-appearance: menulist; height: 1.7em; padding: 0 0.5em; }
  select[multiple] { -webkit-appearance: initial; width: 100%; height: 6.5em; }
  select option { padding: 0; background: #fff; }
  select[multiple] option { background: none; padding: 0.125em 0; }
  *[role="button"] { outline: 0; }
  
  a.is--btn, input[type="button"], input[type="reset"], input[type="submit"], button { display: inline-block; margin: 0; padding: 0.25em 1em; color: #fff; font-size: 1em; font-weight: 400; line-height: 1.2; text-decoration: none; background: #006837; border: 1px solid transparent; outline: 0; cursor: pointer; }
  a.is--btn:hover, a.is--btn:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { color: #fff; background-color: #333; }

  *::-webkit-input-placeholder { font-size: 0.75em; color: #999; }
  *::-moz-placeholder { font-size: 0.75em; color: #999; }
  *:-moz-placeholder { font-size: 0.75em; color: #999; }
  *:-ms-input-placeholder { font-size: 0.75em; color: #999; }

  input::-moz-focus-inner, button::-moz-focus-inner { margin: 0; padding: 0; border: 0; }
  input::-moz-focus-outer, button::-moz-focus-outer { margin: 0; padding: 0; border: 0; }
  
  body { font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 1.5; color: #1a1a1a; }
  
  h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1em; font-style: normal; color: #333; line-height: 1.2; margin: 1.5em 0 0.5em; }
  h1, .onepage h2 { font-size: 2em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.25em; }
  h4, h5, h6 { line-height: 1.5; font-weight: 700; margin: 0 0 1.5em; }
  
  .hgroup * + * { margin: 0 0 1em; }
  
  .frame:first-child .ce-header *:first-child { margin-top: 0; }
  
  ul, ol, dl { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; }
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
  ul ul { list-style-type: circle; margin-bottom: 0; }
  ol ol { list-style-type: lower-latin; margin-bottom: 0; }
  ol ul { list-style-type: circle; margin-bottom: 0; }
  li { font-size: 1em; line-height: 1.5; margin-left: 1.2em; }
  dt { font-weight: 700; }
  dd { margin: 0 0 1.5em 0.8em; }
  
  
  
  p { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; }
  blockquote, cite, q { font-family: 'Roboto', sans-serif; font-style: normal; }
  blockquote { font-size: 1.5em; background: transparent; margin: 0 0 1em; }
  blockquote p { line-height: 1.3; margin: 0 0 1em; }
  blockquote > *:last-child { margin-bottom: 0; }
  blockquote > *:first-child:before { content: "»"; }
  blockquote > *:last-child:after { content: "«"; }
  blockquote + p { text-align: right; font-size: 1.5em; font-style: italic; font-weight: 300; }
  
  strong, b { font-weight: 700; }
  em, i { font-style: italic; }
  big { font-size: 1.143em; line-height: 1.3125; }
  small { font-size: 0.857em; line-height: 1.75; }
  pre, code, kbd, tt, samp, var { font-size: 1em; }
  pre { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  pre, code { color: #880000; }
  kbd, samp, var, tt { color: #666; font-weight: 700; }
  var, dfn { font-style: italic; }
  acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
  sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
  mark { color: black; background: yellow; }
  hr { margin: 1.5em 0 0; padding: 0 0 1.5em; border: 0; border-bottom: 1px solid #1d1d1d; background: none; }
  
  a { color: #006837; font-style: normal; font-weight: 400; background: none; text-decoration: none; }
  a:active { outline: 0; }
  a:hover, a:focus { color: #333; outline: 0; text-decoration: underline; }
  
  a.internal-link-box { display: inline-block; margin: 0; padding: 0.25em 1em; color: #fff; font-size: 1em; font-weight: 400; line-height: 1.2; text-decoration: none; background: #006837; border: 1px solid transparent; outline: 0; cursor: pointer; }
  a.internal-link-box:hover, a.internal-link-box:focus { color: #fff; background-color: #333; }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit !important; }
  h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after { display: none; }
  
  table { width: 100%; border-collapse: collapse; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 1.5em; }
  caption { font-variant: small-caps; }
  th, td { line-height: 1.5; vertical-align: top; padding: 0.25em 0.5em; }
  th *:first-child, td *:first-child { margin-top: 0; }
  thead th { text-align: left; color: #1a1a1a; border-bottom: 2px solid #ccc; }
  tbody th { text-align: left; border-top: 1px solid #ccc; }
  tbody td { text-align: left; border-top: 1px solid #ccc; }
  tbody tr:hover th, tbody tr:hover td { background: #f2f2f2; }
}