.home-masthead-no-search h1.highlight-spanned {
  padding: 0;
  background-color: inherit;
  color: inherit
}
.home-masthead-no-search h1.highlight-spanned a {
  color: inherit
}
.home-masthead-no-search h1, .home-masthead-no-search h1 .highlight-span {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  line-height: 1.25;
  padding: 0 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}
.home-masthead-no-search h1 .highlight-span a, .home-masthead-no-search h1 a {
  color: #83d0f2
}
.home-masthead-no-search h1 .highlight-span a[name], .home-masthead-no-search h1 a[name] {
  color: inherit;
  text-decoration: none
}
.home-masthead-no-search h1 .highlight-span code, .home-masthead-no-search h1 code {
  background-color: rgba(255, 255, 255, .4)!important;
  color: #fff!important
}
#home main {
  background: 0 0
}
#home h2>i[class^=icon-] {
  position: relative;
  top: -5px;
  font-size: 30px;
  font-size: 1.66667rem
}
#home h2>i[class^=icon-] {
  margin-right: 10px;
  margin-left: 0
}
html[dir=rtl] #home h2>i[class^=icon-] {
  margin-right: 0;
  margin-left: 10px
}
#home .entry-meta {
  font-size: 16px;
  font-size: .88889rem;
  font-style: italic
}
@media all and (max-width:47.9375em) {
  #home .column-hacks>h2, #home .column-involved h2 {
    font-size: 24px;
    font-size: 1.33333rem
  }
  #home .column-hacks>h2>i[class^=icon-], #home .column-involved h2>i[class^=icon-] {
    display: none
  }
}
.home-masthead {
  clear: both;
  position: relative;
  background: #83d0f2 url("/static/img/home-masthead-background.svg") 40% 0 no-repeat;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden
}
.home-masthead:after {
  content: ' ';
  clear: both;
  display: table
}
.home-masthead h1 {
  font-size: 42px;
  font-size: 2.33333rem;
  margin: 0 0 40px;
  line-height: 1
}
@media all and (min-width:47.9385em) {
  .home-masthead {
    min-height: 444px;
    padding-top: 150px
  }
  .home-masthead:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    height: 200px;
    width: 246px;
    margin-left: -123px;
    background: url("/static/img/hero-dino.png");
    background-size: auto 200px
  }
  .home-masthead-no-search {
    min-height: 350px
  }
}
.home-features {
  max-width: 775px;
  margin: 0 auto
}
.home-features li {
  font-size: 19px;
  font-size: 1.05556rem;
  margin-top: 20px
}
.home-features li:first-child {
  margin-top: 0
}
.home-features a {
  color: #333
}
.home-features .cta-link {
  width: 100%
}
@media all and (min-width:63.9385em) {
  .home-features {
    display: table;
    width: 855px;
    max-width: 855px;
    border-spacing: 40px 0
  }
  .home-features li {
    display: table-cell
  }
}
.home-hacks {
  padding: 30px 0;
  background: #fff
}
.home-hacks li {
  margin-right: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #ececec
}
.home-hacks li:first-child {
  padding-top: 10px
}
.home-hacks h2.entry-title {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.33333rem
}
.home-hacks h2.entry-title a {
  text-decoration: underline
}
.home-hacks .heading-link {
  display: block;
  margin: 10px 0 0;
  font-style: italic;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 400
}
@media all and (max-width:47.9375em) {
  .home-hacks .heading-link {
    margin: 8px 0 0 0;
    display: block
  }
}
.column-hacks li:last-child {
  border-bottom: 0
}
.column-hacks, .column-involved {
  width: auto
}
@media all and (min-width:63.9385em) {
  .column-hacks {
    width: 65.66667%
  }
  .column-involved {
    width: 31.33333%
  }
}
.home-contribute a {
  text-decoration: underline
}
.home-contribute h3 {
  font-size: 19px;
  font-size: 1.05556rem;
  font-weight: 700;
  text-transform: uppercase
}
.home-contribute li {
  border-bottom: 1px solid #ececec;
  padding: 10px 0
}
.home-contribute-recent {
  margin-top: 10px
}
@media all and (max-width:47.9375em) {
  .home-contribute li:last-child {
    border-bottom: 1px solid #ececec
  }
}