/******************Labs***********************/
.labs #floatnav { background-position:-731px 0; }
.labs #floatnav li a {font-size:116%; padding:0 6px; }
.labs #floatnav ul { margin-left:65px; }
#hack { background:url(/images/bg_hack.png); padding:235px 0 45px; }
#hack figure { float:left; width:397px;margin:12px 30px 0 70px; background:url(/images/white_20p_opacity.png ); }
#hack figure img { display:block; margin:15px; position:relative; z-index:3; }
#hack blockquote { float:right; width:380px; margin:0 50px 0 0; padding:0; text-shadow:0px 0px 3px #ccc; }
#hack h2 { float:right; width:380px; font-family:SohoStd-BoldCompressed; font-weight:normal; font-size:376%; line-height:100%; color:#fff; margin:0 50px 0 0; padding:0;  }
#hack p { color:#000; font-weight:lighter; font-size:100%;  }
#hack a.act {
  display:inline-block;
  position:relative; z-index:3;
  padding:25px 30px; margin:5px 0 15px;
  font-size:156%; color:#fff; text-shadow:0 0 3px #888; text-decoration:none;
  background: #f57713 url() 0 0 no-repeat;
  background: -webkit-gradient( linear, left top, left bottom, from(#fc9d01), to(#f57713) );
  background: -moz-linear-gradient(top, #fc9d01, #f57713);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9d01', endColorstr='#f57713');
  box-shadow:none;
  border:1px solid #fecd67; border-radius:5px;
}
#hack:after {
  position:absolute; bottom:0; left:0; z-index:0;
  width:100%; height:15%;
  background: #fff;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0.35, #ffffff), color-stop(0.12, #d9d9d9) );
  background: -moz-linear-gradient(top, #ffffff, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9');
  content: ""; border: 1px transparent red;
}
#tools { background:#d9d9d9; padding-bottom:60px; }
#tools figure {position:relative; float:right; width:368px; margin:0 70px 0 35px; background:url(/images/white_20p_opacity.png ); }
#tools figure img { display:block; margin:15px; }
#tools blockquote { float:left; width:380px; margin:0 0 0 80px; padding:0; text-shadow:0px 0px 3px #fff; }
#tools h2 { font-family:SohoStd-BoldCompressed; font-weight:normal; font-size:370%; color:#de5442; margin:0 0 0 80px; padding:0;  }
#tools h2 strong { font-size:213%; text-transform:uppercase; vertical-align:middle; }
#tools h3 { font-weight:lighter; font-size:108%; }
#tools p { color:#000; font-weight:lighter; font-size:85%;  }
#tools em { font-weight:bold; }
#tools ul { margin:0; padding:0; list-style:none; }
#tools li { margin-bottom:10px; }
#tools a { font-weight:bold; }
#tools sample { display:block; border-left:6px solid #a3a3a3; margin:0 0 20px; padding:0 0 0 12px; font-size: 85%; font-weight: lighter; }
#tools .nobar { border:none; padding-left:18px; }
#tools:before {
  position:absolute; bottom:-5px; left:25%; z-index:0;
  width:113px; height:59px;
  background:url(/images/ptr_stats.png) 0 0 no-repeat;
  content: ""; border: 1px transparent red;
}
#tools a, #opensource a, #jobs a  { color:#ff6249; text-decoration:none; }
#stats .contain { position:relative; padding:35px 0 30px;  }
#stats ul { margin:0; padding:0; }
#stats li { display:inline-block; font-size:85%; text-align:center; font-weight:lighter; width:100px; vertical-align:top; }
#stats li strong { display:block; font-family:SohoStd-BoldCompressed; font-weight:normal; font-size:356%; color:#D45442 }
#stats .contain:before {
  position:absolute; bottom:-3px; left:100px; z-index:0;
  width:737px; height:1px;
  box-shadow: 0 0 15px 3px #999;
  content: ""; border: 1px transparent red;
}
#opensource { background:url(/images/bg_opensource.png); }
#opensource .contain { padding:0 0 75px; }
#opensource:before,{
  width:2000px; height:800px;
  position:absolute; top:-721px; left:-80px; z-index:0;
  background:url(/images/bg_opensource.png) 0 0;
  transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg);
  content: ""; border: 1px transparent red;
}
#opensource h2 { margin:35px 0 15px; font-family:SohoStd-BoldCompressed; font-weight:normal;  font-size:597%; color:#1f394e; text-shadow:1px 1px 3px white; }
#opensource h2 span { display:inline-block; width:64px; height:74px; background:url(/images/symbol_heart.png) no-repeat;}
#opensource blockquote { float:left; width:380px; margin:0; padding:0; }
#opensource figure { position:relative; float:left; width:393px; margin-right:45px;
  background:url(/images/white_20p_opacity.png);
  box-shadow:inset 0 -10px 16px -10px #999;
}
#opensource figure:before {
  position:absolute; bottom:0;  left:-35px;
  width:460px; height:2px;
  background:#fff;
  content:""; border:1px transparent red;
}
#opensource figure img { display:block; margin:15px 15px 0; }
#opensource ul { margin:0; padding:0; list-style:none; }
#opensource li { margin-bottom:10px; }
#opensource a { font-weight:bold; }
#opensource sample { display:block; border-left:6px solid #a3a3a3; margin:0 0 20px; padding:0 0 0 12px; font-size: 85%; font-weight: lighter; }
#opensource .nobar { border:none; padding-left:18px; }
#opensource h3 { font-weight:lighter; font-size:108%; margin:0 0 30px; }
#opensource p { color:#000; font-weight:lighter; font-size:85%;  }
#culture { background:url(/images/bg_culture.jpg) no-repeat; background-size:cover; }
#culture:before {
  width:2000px; height:800px;
  position:absolute; top:-760px; left:-40px; z-index:0;
  background:url(/images/bg_opensource.png) 0 0;
  transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg);
  content: ""; border: 1px transparent red;
}
#culture:after {
  width:2000px; height:800px;
  position:absolute; left:0; bottom:-714px; z-index:0;
  background:#fff;
  transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg);
  content: ""; border: 1px transparent red;
  visibility:visible;
}
#culture h2 { float:left; width:372px; clear:left; margin:145px 0 20px; font-family:SohoStd-LightCompressed; font-size:577%; font-weight:normal; color:white; text-shadow:1px 1px 3px #333; line-height: 92%; }
#culture h2 strong { display:block; }
#culture figure { float:left; width:372px; clear:left; background:url(/images/white_20p_opacity.png) ; }
#culture figure img { margin:15px; }
#culture blockquote { float:right; width:410px; margin:0; background:url(/images/white_80p_opacity.png); border-radius:5px; }
#culture blockquote figure { width:323px; margin:30px auto; float:none; }
#culture blockquote figure img { margin:0; }
#culture ul { margin:0 30px; padding:0; list-style:none; }
#culture li { margin-bottom:10px; }
#culture a { font-weight:bold; }
#culture sample { display:block; border-left:6px solid #a3a3a3; margin:0 0 20px; padding:0 0 0 12px; font-size: 85%; font-weight: lighter; }
#culture .nobar { border:none; padding-left:18px; }
#culture h3 { font-weight:lighter; font-size:108%; margin:0 30px; }
#culture p { color:#000; font-weight:lighter; font-size:85%; margin:10px 30px;  }
#culture a.act {
  display:inline-block;
  position:relative; z-index:3;
  padding:25px 30px; margin:5px 0 30px 55px;
  font-size:156%; color:#fff; text-shadow:0 0 3px #888; text-decoration:none;
  background: #f57713 ;
  background: -webkit-gradient( linear, left top, left bottom, from(#fc9d01), to(#f57713) );
  background: -moz-linear-gradient(top, #fc9d01, #f57713);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9d01', endColorstr='#f57713');
  box-shadow:none;
  border:1px solid #fecd67; border-radius:5px;
}
#pinetree {
  position: absolute; top: -85px; left: 460px; z-index: 9;
  width: 300px; height: 637px;
  background: url(/images/pine_tree.png);
  content: "";
}
a#fakepinetree {
  width: 300px; height: 637px;
  display:block;
  position:absolute;
  top:-85px;
  left:460px;
}
.jobstrim:before {
  position:absolute; top:500px;
  width:100%; height:100px;
  background:#e9e9e9;
  background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e9e9e9) );
    background: -moz-linear-gradient(top, #ffffff, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9');
    content:""; border:1px transparent red;
}
#jobs .contain {min-height:580px; }
#jobs h2 { font-family:SohoStd-BoldCompressed; font-size:493%; font-weight:normal; color:#00b4d4; text-shadow:1px 1px 3px #fff; line-height: 100%; margin:0 0 20px; }
#jobs blockquote { float:left; width:410px; }
#jobs figure { float:left; }
#jobs ul { margin:0 30px; padding:0; list-style:none; }
#jobs li { margin-bottom:10px; }
#jobs a { font-weight:bold; }
#jobs sample { display:block; border-left:6px solid #a3a3a3; margin:0 0 20px; padding:0 0 0 12px; font-size: 85%; font-weight: lighter; }
#jobs .nobar { border:none; padding-left:18px; }
#jobs h3 { font-weight:lighter; font-size:108%; margin:0 30px 30px; }
#jobs p { color:#000; font-weight:lighter; font-size:85%; margin:0 30px 30px;  }

/*MEDIA QUERIES FOR DIFF PLATFORMS  iphone:640×960, ipad:1024×768, 2048×1536*/
@media (max-width:749px) {
  #wtf_firstcss_getsignored_junkid {}

  /*LABS*/
  .labs #hack:before { display:none; }
  #hack { padding:85px 0 45px; }
  #hack h2 { width:310px; font-size:320%; margin-right:0; }
  #hack figure { width:310px;margin:12px auto 0; border-bottom: 1px solid #fff; }
  #hack figure img { width:280px }
  #hack blockquote { width:310px; margin:0 auto; }
  #hack a.act { padding:15px; margin-left:25px;}
  #hack:after { height:100px; }
  a[name="tools"] { margin-top:-45px; }
  #tools h2 { width:310px; font-size:300%; margin:0 auto 15px; }
  #tools figure:before { display:none; }
  #tools figure {width:310px; margin:0 auto; background:url(/images/white_20p_opacity.png ); }
  #tools figure img { width:280px; }
  #tools blockquote { width:310px; margin:0 auto; }
  #stats ul { width:100%; overflow:hidden; }
  #stats li { float:left; width:105px; min-height:110px; padding:15px 0; border-bottom:1px solid #ccc; }
  #tools:before { left:50%; margin-left:-56px; }
  #stats .contain { padding:15px 0 10px;  }
  #stats .noborder { border:none; }
  #stats .contain:before { width:100%; left:0; }
  #opensource h2 { line-height:92%; font-size:457%; }
  #opensource h2 span { height:64px; background-size:contain; }
  #opensource figure { margin:0 auto; width:310px; }
  #opensource figure img  { width:280px; }
  #opensource figure:before { left:-5px; width:320px; }
  #opensource h3 { font-weight:normal; margin:15px 0; }
  #opensource blockquote { width:310px;  }
  #opensource .nobar { padding-left:0; }
  #culture { padding-bottom:70px; }
  #culture:before { display:none; }
  #culture figure.trim {display:none }
  #culture h2 { width:310px; margin:75px 0 20px; font-size:487%; }
  #culture blockquote { width:310px; }
  #culture blockquote figure, #culture blockquote figure img { width:295px }
  #culture blockquote figure { margin-bottom:10px; }
  #culture .nobar { padding-left:0; }
  #culture h3 { font-weight:normal;}
  #culture a.act { padding:15px 30px; margin:5px 25px 15px; font-size:123%; }

  #jobs .contain { padding-bottom:0; }
  #jobs blockquote { margin:80px auto 0; width:310px; }
  #jobs figure { position:absolute; left:15%; top:-55px; z-index:-1; }
  #jobs .nobar { padding-left:0; }
  #jobs ul { margin:0;  }
  #jobs h3 { margin:0 0 30px; font-weight:normal;  }
  #jobs p { margin:0 0 30px;  }
  #jobs h2 { font-size:360%; margin:0 0 330px; background:url(/images/white_80p_opacity.png); padding:5px; }
  #jobs .contents {
    padding:60px 10px 20px;
    position:relative; z-index:-2;

  }
  #pinetree { top: -54px; left: -10px; }
  a#fakepinetree { top:-54px; left: -10px;}
  .jobstrim::before { height: 400px; }
}
@media (min-width:480px) and (max-width:749px) {
  #wtf_firstcss_getsignored_junkid {}

  /*LABS*/
  #hack h2 { width:460px;}
  #hack figure { width:460px; margin:12px 10px 0; }
  #hack figure img { width:430px }
  #hack blockquote { width:460px; margin:0 auto; }
  #hack a.act { margin-left:90px;}
  #hack:after { height:100px; }
  a[name="tools"] { margin-top:-45px; }
  #tools h2 { width:460px; font-size:440%; margin:0 10px 15px; }
  #tools figure {width:460px; margin:0 10px; }
  #tools figure img { width:430px; }
  #tools blockquote { width:460px; margin:0 10px; }
  #stats li { width:160px; }
  #opensource h2 { line-height:92%; font-size:357%; }
  #opensource h2 span { width:44px; height:44px; }
  #opensource figure { margin:0 10px; width:460px; }
  #opensource figure img  { width:430px; }
  #opensource figure:before { width:470px; }
  #opensource blockquote { width:460px;  }
  #culture h2 { width:460px; margin:75px 10px 20px; font-size:714%; }
  #culture blockquote { width:460px; }
  #culture blockquote figure, #culture blockquote figure img { width:415px }
  #culture a.act { margin:5px 100px 15px;  }
  #jobs blockquote { margin:80px 10px 0; width:460px; }
  #jobs figure {left:28%;}
  #pinetree { top: -64px; left: 100px;}
  a#fakepinetree { top:-64px; left:100px; }
}
@media (min-width:750px) and (max-width:933px) {
  #wtf_firstcss_getsignored_junkid {}

  /******************Labs***********************/
  #hack figure { width:347px;margin:12px 0 0 0; }
  #hack figure img { width:317px;  }
  #hack blockquote {  width:340px; margin:0 40px 0 0;}
  #hack h2 { width:340px; margin:0 40px 0 0;  }
  #tools figure {width:338px; margin:0 0 0 35px; }
  #tools figure:before { width:391px; height:149px; background-size:contain; }
  #tools figure img { width:308px;  }
  #tools blockquote { float:left; width:340px; margin:0 0 0 0; }
  #tools h2 { width:auto; font-size:310%; margin:0 0 15px 0; }
  #stats .contain { position:relative; padding:35px 0 30px;  }
  #stats ul { overflow:hidden; text-align:center;  }
  #stats li { width: 145px; min-height: 110px; }
  #stats .contain:before { width:100%; left:0; }
  #opensource { background:url(/images/bg_opensource.png); }
  #opensource .contain { padding-bottom:0; }
  #opensource:before,{
    width:2000px; height:800px;
    position:absolute; top:-721px; left:-80px; z-index:0;
    background:url(/images/bg_opensource.png) 0 0;
    transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);
    border: 1px transparent red;
    content: "";
  }
  #opensource h2 { font-size:590%;  }
  #opensource blockquote { float:left; width:350px; margin:0; padding:0; }
  #opensource figure { margin-right:30px; width:353px; }
  #opensource figure:before { left:-5px; width:363px; }
  #opensource figure img { width:323px; }
  #culture { padding-bottom:50px; }
  #culture h2 { width:342px; font-size:517%; }
  #culture blockquote { width:380px; margin-top:20px; }
  #culture a.act { margin-left:45px; }
  #culture figure.trim { width:352px; }
  #culture figure.trim img { width:322px; }
  #pinetree { top:-85px; left:400px; }
  a#fakepinetree { top:-85px; left:400px; }
  #jobs h2 { font-size:428%; }
  #jobs blockquote { margin:40px 0 ; width:410px; }
  #jobs ul { margin:0;  }
  #jobs h3 {  margin:0 0 30px; }
  #jobs p { margin:0 0 30px;  }
}