body { position: relative; font-size: 170% !important; line-height: 1.40em; }

p { padding-bottom: 0.5em; }

#header { font-size: 0.9em !important; }

img { max-width: 100%; }

#logo a { text-decoration: none !important; }

body, .tooltip, .popover { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #000; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; }

blockquote .source { text-align: right; }

#header nav { font-family: "Apercu Regular", Helvetica, sans-serif; }
#header nav h2 { margin-top: 0; font-family: "Apercu Bold", Helvetica, sans-serif; font-weight: bold; }
#header nav h2 a { text-decoration: none !important; color: #000; }
#header nav a { text-decoration: none !important; display: block; }

#participate .content li { padding-bottom: 1em; }
#participate .content h3 { padding-top: 1em; }

#sfpc .sfpc, #mission .mission, #press .press, #classes .classes, #people .people, #participate .participate, #blog .blog, #faq .faq, #apply .apply { color: #000; font-family: "Apercu Bold", Helvetica, sans-serif; }

footer { margin-top: 45px; }

#header { margin-bottom: 5em; }

#footer { margin-top: 8em; font-size: 0.9em; color: rgba(0, 0, 0, 0.3); }

.page-header { border-bottom: 0; }

.jumbotron p { font-size: 0.9em !important; }

.container .jumbotron { background-size: cover; min-height: 80vh; border-radius: 0; }

.bigimg { padding: 45px 15px; }

.overlay { display: block; background: rgba(255, 255, 255, 0.9); padding-top: 15px; padding-bottom: 15px; }

.solidOverlay { background: white !important; margin-top: 2em; margin-bottom: 2em; padding: 2em; }

.missonStmnt { padding: 2em; margin-top: 2em; margin-bottom: 2em; }

.content .form-group { padding-bottom: 2em !important; }
.content .form-group label { padding-bottom: 0em !important; margin-bottom: 0em !important; line-height: 1em !important; }

#footer .form-group { padding-bottom: 0em !important; }

.twocol { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }

.fourcol { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; padding-top: 15px !important; }
.fourcol blockquote { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; font-size: 1.0em !important; }

#faq .faq-section { margin-bottom: 45px; }
#faq h2 { margin-top: 0; }
#faq h3 { font-size: 1em; margin-top: 1.5em; }

#toc { display: block; position: relative; margin-bottom: 3em; }
#toc nav { top: 15px; }
#toc .nav > li > a:hover, #toc .nav > li > a:focus { background: none; }
#toc li.active a { font-weight: bold; }
#toc li a:hover { background: none; text-decoration: underline; }
#toc .toc-h2 a { font-weight: bold; padding: 0; }
#toc .toc-h3 + .toc-h2 { margin-top: 1em; }
#toc .toc-h3 a { color: Silver; padding: 0; }
#toc a { padding: 0; }

#filters { text-align: center; margin-bottom: 15px; }
#filters .btn-group { margin-bottom: 15px; }
#filters button { outline: 0; }

ul#people-grid { list-style-type: none; margin: 0; padding: 0; }
ul#people-grid li { margin-bottom: 15px; }
ul#people-grid .info { position: relative; display: block; width: 100%; }
ul#people-grid .links { opacity: 0; -webkit-transition: opacity .15s; transition: opacity .5s; text-align: right; width: 50%; position: absolute; top: 1px; right: 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(15%, white), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }
ul#people-grid li:hover .links { opacity: 1; }

#classes .class { margin-bottom: 45px; }
#classes .class h2 { margin-top: 0; }

#testimonials { color: gray; }
#testimonials blockquote { font-size: 0.9em; background-color: rgba(0, 0, 0, 0.05); }

blockquote { font-size: 1em; border: none !important; }

@media (max-width: 768px) { .affix { position: static; }
  .twocol { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
  .fourcol { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } }
@media (max-width: 480px) { .fourcol { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } }