/** Homepage CSS/SASS visual stylesheets */
/** Custom SASS Variables and Bootstrap Variable Overrides for the site */
/** Custom Variables */
/** Twitter Bootstrap 3 variable overrides: http://getbootstrap.com/customize/ */
/** Open Sans webfont (npm open-sands) sass variable overrides */
/** Font Awesome icon webfont (via npm) sass variable overrides */
/** Homepage */
/** Section: Hero */
.hero { padding-bottom: 4rem; }
.hero h1 { margin: 4rem 0 1rem; }
.hero p.lead { margin-bottom: 4rem; }
.hero img { margin: 3rem 0; height: 150px; width: 165px; }
.hero aside { color: #555; margin-bottom: 0; }
.hero ul { line-height: 1.5; margin-top: 2rem; text-align: center; width: 100%; }
.hero ul li { margin-bottom: 4rem; text-align: center; vertical-align: top; width: 15%; }
@media (max-width: 992px) { .hero ul li { width: 32%; } }
@media (max-width: 768px) { .hero ul li { width: 49%; } }
.hero ul li i { color: #136d92; margin-bottom: 1.5rem; }
.hero ul li a { display: block; font-size: 95%; }
.hero ul li a > i { color: #d0d0d0; }

/** Section: Start */
.start { /** Start > Download subsection */ /** Start > Quickstart subsection */ }
.start .download button { margin-bottom: 1rem; padding: 1.25rem 4rem; }
.start .download button strong { font-size: 150%; }
.start .download button > span { color: #ddd; display: block; margin-top: -0.5rem; }
.start .download button > span > span { color: #fff; font-size: 90%; padding: 0 0.5rem; }
.start .download .notes { font-size: 90%; }
.start .download .notes > div { margin-bottom: 1rem; }
.start .download .notes .github { left: 1.2rem; margin-top: 1.5rem; position: relative; }
.start .download .notes .more { width: 82%; margin-left: 9%; }
.start .quickstart .notes { font-size: 90%; }

/** Section: Docs */
/** Section: Theory */
/** Section: Community */
/** Section: Latest */
.latest { background-image: -webkit-linear-gradient(top, #fff 0%, #ddd 100%); background-image: -o-linear-gradient(top, #fff 0%, #ddd 100%); background-image: linear-gradient(to bottom, #fff 0%, #ddd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD', GradientType=0); padding-bottom: 4rem; }
@media (max-width: 992px) { .latest .areas { margin-top: 2rem; } }
@media (min-width: 992px) { .latest .areas { margin-top: 4rem; } }
.latest .areas .area { background-color: #fff; margin: 0 1rem 4rem; padding: 2.5rem 3rem 3rem; }
.latest .areas .area > .row > div { margin-bottom: 0.666rem; }
.latest .areas .area h3 { margin: 0; padding: 0; }
.latest .areas .area .share li { padding-left: 0; padding-right: 0; }
.latest .areas .area article > img { margin-left: auto; margin-right: auto; }
.latest .areas .area > a { display: block; }
.latest .areas .area .title { font-size: 112%; }