@media only screen and (min-width: 681px) and (max-width: 759px) {
  #bits-grid a#meet-us {
    display: none;
  }

  .ribbon {
    background: none;
  }

  #brands .logo {
    display: block;
    float: left;
    margin: 0;
    text-align: center;
    width: 50%;
  }

  #why-oven-bits {
    margin: 0 auto;
    width: 80%;
  }

  #contact .split {
    width: 65%;
  }

  #toot {
    display: none;
  }

  #work-hero .screen-macbook {
    height: 206px;
    padding-top: 44px;
    width: 382px;
  }
  #work-hero .screen-macbook:after {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/macbook.png') no-repeat center center;
    background-size: 100%;
    height: 250px;
    width: 382px;
  }
  #work-hero .screen-macbook img {
    height: 162px;
    width: 255px;
  }

  #work-timeline .cap .node {
    margin-left: 20px;
  }
  #work-timeline .cap .node h2:after {
    left: -32px;
  }
  #work-timeline .finale blockquote {
    font-size: 16px;
    line-height: 18px;
    padding: 10px;
  }

  dl.bumpers dt.binoculars:after, dl.bumpers dt.devices:after, dl.bumpers dt.heart:after, dl.bumpers dt.rocket:after, dl.bumpers dt.rocket:after, dl.bumpers dt.tools:after, dl.bumpers dt.zeppelin:after {
    display: none;
  }
}
@media only screen and (min-width: 760px) and (max-width: 990px) {
  .ribbon {
    background: none;
  }

  #bits-grid a#meet-us {
    overflow: hidden;
    width: 28px;
  }

  #brands {
    margin: 0 auto;
    width: 80%;
  }
  #brands .logo {
    float: left;
    margin: 0;
    text-align: center;
    width: 33%;
  }

  #why-oven-bits .split {
    float: left;
    margin: 0 0 0 12%;
    width: 250px;
  }
  #why-oven-bits .split h4 {
    font-size: 1.5em;
  }
  #why-oven-bits .split p {
    font-size: 1em;
  }
  #why-oven-bits .split.last {
    float: right;
    margin: 0 12% 0 0;
  }

  #contact .split {
    width: 65%;
  }

  #toot {
    display: block;
    width: 75%;
  }

  #base #legal span.a {
    display: block;
  }

  #work-hero .screen-macbook {
    height: 309px;
    padding-top: 66px;
    width: 573px;
  }
  #work-hero .screen-macbook:after {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/macbook.png') no-repeat center center;
    background-size: 100%;
    height: 375px;
    width: 573px;
  }
  #work-hero .screen-macbook img {
    height: 245px;
    width: 383px;
  }

  #work-timeline .cap .node {
    margin-left: 60px;
  }
  #work-timeline .cap .node h2:after {
    left: -72px;
  }
  #work-timeline .finale blockquote {
    font-size: 18px;
    line-height: 20px;
    padding: 10px;
  }

  dl.bumpers {
    width: 400px;
  }
}
@media only screen and (min-width: 991px) {
  #why-oven-bits .split {
    float: left;
    margin: 0 0 0 12%;
  }
  #why-oven-bits .split.last {
    float: right;
    margin: 0 12% 0 0;
  }

  #contact .split {
    float: left;
    margin: 0 0 0 10%;
  }
  #contact .split.last {
    float: right;
    margin: 0 10% 0 0;
  }

  #base #legal {
    font-size: 14px;
  }

  #toot {
    display: block;
  }

  html.backgroundsize a.work-callout {
    height: 616px;
    position: relative;
    width: 900px;
  }
  html.backgroundsize a.work-callout strong, html.backgroundsize a.work-callout span.blurb {
    color: #3a322c;
    display: block;
    height: 150px;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 0;
    width: 297px;
  }
  html.backgroundsize a.work-callout strong {
    font-size: 28px;
    line-height: 30px;
  }
  html.backgroundsize a.work-callout span.blurb {
    font-size: 18px;
    line-height: 25px;
  }
  html.backgroundsize a.work-callout i {
    display: block;
  }
  html.backgroundsize a.work-callout.bts {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/bts.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.backgroundsize a.work-callout.bts strong {
    left: 589px;
    top: 240px;
  }
  html.backgroundsize a.work-callout.bts span.blurb {
    left: 589px;
    top: 295px;
  }
  html.backgroundsize a.work-callout.instead {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/instead.png') no-repeat 0 40px;
    background-size: 100%;
    height: 548px;
  }
  html.backgroundsize a.work-callout.instead strong {
    left: 55px;
    top: 174px;
  }
  html.backgroundsize a.work-callout.instead span.blurb {
    left: 55px;
    top: 229px;
  }
  html.backgroundsize a.work-callout.peelr {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/peelr.png') no-repeat 0 40px;
    background-size: 100%;
    height: 548px;
  }
  html.backgroundsize a.work-callout.peelr strong {
    left: 589px;
    top: 190px;
  }
  html.backgroundsize a.work-callout.peelr span.blurb {
    left: 589px;
    top: 245px;
  }
  html.backgroundsize a.work-callout.flockstar {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/flockstar.png') no-repeat 0 40px;
    background-size: 100%;
    height: 487px;
  }
  html.backgroundsize a.work-callout.flockstar strong {
    display: none;
  }
  html.backgroundsize a.work-callout.flockstar span.blurb {
    left: 589px;
    top: 320px;
  }
  html.backgroundsize a.work-callout.over {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/over.png') no-repeat 0 40px;
    background-size: 100%;
    height: 517px;
  }
  html.backgroundsize a.work-callout.over strong {
    left: 589px;
    top: 175px;
  }
  html.backgroundsize a.work-callout.over span.blurb {
    left: 589px;
    top: 230px;
  }
  html.backgroundsize a.work-callout.catchme {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/catchme.png') no-repeat 0 40px;
    background-size: 100%;
    height: 487px;
  }
  html.backgroundsize a.work-callout.catchme strong {
    left: 55px;
    top: 259px;
  }
  html.backgroundsize a.work-callout.catchme span.blurb {
    left: 55px;
    top: 324px;
  }
  html.backgroundsize a.work-callout.edp {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/edp.png') no-repeat 0 40px;
    background-size: 100%;
    height: 604px;
  }
  html.backgroundsize a.work-callout.edp strong {
    left: 55px;
    top: 214px;
  }
  html.backgroundsize a.work-callout.edp span.blurb {
    left: 55px;
    top: 274px;
  }
  html.backgroundsize a.work-callout.sitterhq {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/sitterhq.png') no-repeat 0 40px;
    background-size: 100%;
    height: 487px;
  }
  html.backgroundsize a.work-callout.sitterhq strong {
    display: none;
  }
  html.backgroundsize a.work-callout.sitterhq span.blurb {
    left: 589px;
    top: 305px;
  }
  html.backgroundsize a.work-callout.symptom {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/ocna.png') no-repeat 0 40px;
    background-size: 100%;
    height: 505px;
  }
  html.backgroundsize a.work-callout.symptom strong {
    left: 55px;
    top: 169px;
  }
  html.backgroundsize a.work-callout.symptom span.blurb {
    left: 55px;
    top: 224px;
  }
  html.backgroundsize a.work-callout:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }

  html.retina.backgroundsize a.work-callout.bts {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/bts@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.instead {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/instead@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.peelr {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/peelr@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.flockstar {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/flockstar@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.over {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/over@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.catchme {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/catchme@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.edp {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/edp@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.sitterhq {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/sitterhq@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
  html.retina.backgroundsize a.work-callout.symptom {
    background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/work/index/ocna@2x.png') no-repeat 0 40px;
    background-size: 100%;
  }
}
html.touch #bits-grid a {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100%);
}

html.no-touch #bits-grid {
  -webkit-transition: height 0.3s ease-in-out 0.6s;
  -moz-transition: height 0.3s ease-in-out 0.6s;
  -o-transition: height 0.3s ease-in-out 0.6s;
  transition: height 0.3s ease-in-out 0.6s;
}
html.no-touch #bits-grid .head {
  -webkit-transition: bottom 0.3s ease-in-out 0s;
  -moz-transition: bottom 0.3s ease-in-out 0s;
  -o-transition: bottom 0.3s ease-in-out 0s;
  transition: bottom 0.3s ease-in-out 0s;
}
html.no-touch #bits-grid .grid {
  -webkit-transition: all 0.6s ease-in-out 0.5s;
  -moz-transition: all 0.6s ease-in-out 0.5s;
  -o-transition: all 0.6s ease-in-out 0.5s;
  transition: all 0.6s ease-in-out 0.5s;
}

html.retina.backgroundsize .ribbon a.logo {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/logo@2x.png') no-repeat center 20px;
  background-size: 100%;
}
html.retina.backgroundsize #bits-grid .head {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/avatar-header@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #bits-grid a#meet-us i {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/meet-us@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #contact #texas .logo {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/icons/texas@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #contact #open-source .logo {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/icons/github@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #toot i {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/tweet-bubble@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #foot .logo {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/logo-color@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #foot #twitter {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/icons/twitter@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #foot #dribbble {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/icons/dribbble@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #foot #facebook {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/icons/facebook@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-hero .screen-macbook:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/macbook@2x.png') no-repeat center center;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .segment h2:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/point@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .cap .node ul li:before {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/check@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .coda:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/point@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .discovery:before {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/discovery@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .design:before {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/design@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .graphics:before {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/graphics@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #work-timeline .development:before {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/timeline/development@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #bits-map {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/map@2x.jpg') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #contact-bar:before, html.retina.backgroundsize #contact-bar:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/staple@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.binoculars:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/binoculars@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.devices:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/devices@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.heart:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/heart@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.rocket:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/rocket@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.rocket:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/rocket@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.tools:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/tools@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers dt.zeppelin:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/bumpers/zeppelin@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers.arrows dd:after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/dotted-arrow-rtl@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize dl.bumpers.arrows dd:nth-of-type(2n):after {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/dotted-arrow-ltr@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize h1.let-us-be-your-partner {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/headers/let-us-be-your-partner@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize h1.make-happy-clients {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/headers/make-happy-clients@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #contact-form dl dd.project-type-picker a b {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/radio-off@2x.png') no-repeat;
  background-size: 100%;
}
html.retina.backgroundsize #contact-form dl dd.project-type-picker a.checked b {
  background: url('http://d1a9fbb3yksxfz.cloudfront.net/assets-1.7/images/radio-on@2x.png') no-repeat;
  background-size: 100%;
}

@media only screen and (min-width: 900px) {
  html.canvas canvas#bubbles-canvas {
    display: block;
    height: 270px;
    left: 0;
    position: absolute;
    top: 0;
    width: 900px;
    z-index: 50;
  }
  html.canvas .triplets {
    width: 900px;
  }
  html.canvas .triplets div {
    margin-top: 0;
    position: relative;
    z-index: 100;
  }
  html.canvas .triplets h2 {
    border: 0;
    box-shadow: none;
    font-size: 14px;
    height: 114px;
    line-height: 15px;
    margin: 10px auto 60px auto;
    padding: 61px 0 0 0;
    text-align: center;
    width: 180px;
  }
  html.canvas .triplets h2 strong {
    font-size: 34px;
    line-height: 35px;
    font-weight: 300;
  }
}
html.lt-ie9 a.work-callout {
  background: #211a15;
}
html.lt-ie9 a.work-callout:hover {
  background: #2e2722;
}
html.lt-ie9 #work-thumbs a {
  border: 3px solid #9e886f;
}
html.lt-ie9 #work-thumbs a:hover, html.lt-ie9 #work-thumbs a.active {
  border-color: #f6c500;
}
html.lt-ie9 #bits-grid .bits-row .bit.first {
  margin-left: 7px;
}
html.lt-ie9 #bits-grid .bits-row .bit.last {
  margin-right: 7px;
}