body,
html{min-width:320px}
div.content{width:auto;margin:0 20px}
.vertical-spacer{height:14px}
.person.odd,
.person.even{padding:150px 0 30px;margin:30px 0 0;background-position:top center}
.person h3{margin-top:0px;font-size:20pt;text-align:center}
.person#yehuda{background-image:url("/images/team/yehuda-sm-3a4be4e6.png")}
.person#tom{background-image:url("/images/team/tom-sm-1c77360e.png")}
.person#leah{background-image:url("/images/team/leah-sm-4c797679.png")}
.person#carl{background-image:url("/images/team/carl-sm-91cb983e.png")}
.person#peter{background-image:url("/images/team/peter-sm-412deb4f.png")}
.person#jamie{background-image:url("/images/team/jamie-sm-e5c498a5.png")}
#nav{text-align:left;height:auto;padding-top:0}
#nav .content{margin:0}
#nav a.logo{display:block;margin-left:16px;line-height:0;height:70px;padding-top:19px;top:0}
#nav a.menu-button{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;display:block;position:absolute;top:0;right:0;width:125px;height:70px;text-align:center;line-height:70px;color:white;font-size:10pt;background-color:#283136}
#nav ul{display:none;background-color:#283136;height:auto;text-align:center;margin:0}
#nav li{display:block;height:50px;border-bottom:solid 1px #232729;margin:0 20px}
#nav li+li{margin-left:20px}
#nav li a{display:block;height:50px;line-height:54px}
#nav li:last-child{border-bottom:none}
#nav li.active a::after{display:none}
#nav.expanded ul{display:block}
#header{padding-top:36px}
#header h2{margin-top:0;margin-bottom:30px}
#header h2>span{font-size:12pt;padding:0 25px}
#header h1{font-size:24pt;line-height:24pt;margin-bottom:10px}
#header p{font-size:14pt;line-height:18pt;margin-bottom:20px}
#header p span{display:inline}
#header .call_to_action{margin-top:20px}
#header .call_to_action div{width:215px;padding:0 15px}
#footer{padding:14px 0 30px}
#footer .nav{position:relative;width:auto;padding-top:84px}
#footer a.logo{display:block;position:absolute;top:0;left:0;right:0;height:84px;padding-top:37px;text-align:center;border-bottom:solid 1px #ccc;margin:0}
#footer ul{float:none;width:auto}
#footer ul li{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:10pt;display:block;height:52px;line-height:52px;border-bottom:solid 1px #ccc;margin:0;padding:0;text-align:center;font-weight:normal}
#footer p.copyright{margin-top:30px}
.inquire{margin-bottom:25px}
.inquire.oneline span.headline{font-size:22pt;line-height:22pt}
.inquire h1{line-height:22pt;font-size:22pt;margin-bottom:20px}
#main div.content{padding-top:43px}
@media screen and (max-width:600px){.index #home-team-photo{width:100%;height:auto;margin:-10px auto 0}
}
.index #main div.content{padding-top:43px}
.index #home-what-we-do{margin-bottom:0px}
.index #home-what-we-do>div{width:auto;float:none;margin-bottom:60px}
.index #home-what-we-do h3{font-size:13pt}
#open-source .header img{margin:0 0 25px}
#open-source .header h1{font-size:20pt}
#open-source #projects{padding:0}
#open-source #projects .project{width:auto;float:none;height:auto;padding:30px 0 50px;border-width:0 0 1px !important}
#open-source #projects a.project-title{text-align:center}
.consulting #header h1{font-size:22pt;line-height:22pt}
.consulting #our-process div#plan,
.consulting #our-process div#design,
.consulting #our-process div#build,
.consulting #our-process div#market{padding:50px 0}
.consulting #our-process div#plan img,
.consulting #our-process div#design img,
.consulting #our-process div#build img,
.consulting #our-process div#market img{width:170px;margin:0 auto;float:none;display:block;padding:0}
.consulting #our-process div#plan h3,
.consulting #our-process div#design h3,
.consulting #our-process div#build h3,
.consulting #our-process div#market h3{padding:0;margin:20px 0;text-align:center;font-size:22pt}
.consulting #our-process div#plan p,
.consulting #our-process div#design p,
.consulting #our-process div#build p,
.consulting #our-process div#market p{padding:0}
.training #header{padding-top:36px;padding-bottom:28px}
.training #classes h3{font-size:18pt;text-align:center;margin-bottom:10px}
.training #classes h4{font-family:"Helvetica Neue", sans-serif;text-transform:none;font-size:11pt;line-height:18px;text-align:center}
.training #classes h4 .date,
.training #classes h4 .location{float:none}
.training #classes h4 .location{padding-left:17px;background:url("/images/common/bullet-sm-d93a3e68.png") 5px 5px no-repeat}
.training #classes .class{margin:50px 0 30px;padding-top:100px;padding-left:0;background-position:top center}
.training #classes table.training-list{margin-left:0}
.events #header h2.date-location{background:none;margin-bottom:20px}
.events #header h2.date-location .date,
.events #header h2.date-location .location{display:block}
.events #header h2.date-location .location{padding:0;margin:3px 0 0;background-image:none}
.events #subhead{padding-top:33px;padding-bottom:45px}
.events #subhead .border{top:-40px}
.events #subhead div.content>div{width:auto;display:block;margin:0 0 30px}
.events #subhead div.content>div:last-child{margin-bottom:0}
.events #main h2{margin-bottom:20px}
.events #main div.section.halves{background:none;border:none}
.events #main div.section.halves>div{border-bottom:solid 1px #ccc}
.events #main div.section.halves>div,
.events #main div.section.thirds>div{width:auto;float:none;height:auto;padding:30px 0 50px;border-width:0 0 1px !important}
.events #main div.section.halves>hr,
.events #main div.section.thirds>hr{display:none}
.events #main div.section.sidebar-right .sidebar{position:static;top:0;right:0;margin:0 auto}
.events #main div.section.sidebar-right .content{margin:0}
.events #main #hosts{border-bottom:solid 1px #ccc}
.events #main #hosts .person{padding:0;border-bottom-width:0 !important;margin:20px 0 40px;padding:150px 0 0;background-position:top center}
.events #main #hosts .person h3{text-align:center;font-size:18pt}
.blog #header{top:28px}
.blog #header h1 a{display:none}
.blog #subhead div.content{width:280px}
.blog #subhead div.content input[type="text"]{width:240px}
.blog #main .post{margin-left:0;margin-right:0}
.blog #main .post .comments-count{position:static;top:0;left:0;width:auto;display:inline-block;margin-right:5px;margin-bottom:3px}
.blog #main .post h4{display:inline}
.blog #main .post h3{font-size:18pt;margin-bottom:8px}
.blog #main .post span.byline,
.blog #main .post span.categories{font-family:"Helvetica Neue", sans-serif;text-transform:none;font-size:10pt;letter-spacing:0;display:block;margin-bottom:5px}
.blog #main .post span.categories{padding-left:0;background:none}
.blog #main .post hr{margin:18px 0}
.blog #main .post .body h1,
.blog #main .post .body h2{margin-top:40px;margin-bottom:10px}
.blog #main .post .body h1{font-size:16pt}
.blog #main .post .body h2{font-size:13pt}
.blog #main #pages{margin:35px 0}
.blog #main #pages .text{display:none}
.blog #main #pages .newer{display:inline-block;margin-right:30px}
.blog #main #pages .older{display:inline-block;margin-left:30px}
.blog #main #links{margin-top:68px}
.blog #main #links>div{padding:0}
.blog #main #links .popular,
.blog #main #links .latest{width:auto;float:none}
.blog #main #links .latest{border-right-width:0}
.blog #main #links .topics li{float:none;width:auto}
.blog #main #search input[type="text"]{width:240px}
.blog #main #disqus_container{width:auto;margin-bottom:50px}
.blog #main #disqus_container #disqus_thread #dsq-global-toolbar{margin-bottom:10px}
.blog #main #disqus_container #disqus_thread #dsq-sort-by{float:none;text-align:center;margin:0 0 40px}
.blog #main #disqus_container #disqus_thread h3{font-size:12pt}
.blog #main #disqus_container a.dsq-brlink{text-align:center}
.blog #main #no-results{margin:0 0 40px}
.blog #main #no-results h3{font-size:18pt}
.blog #main #no-results p{font-size:14pt;line-height:18pt}
#contact{width:auto;margin:0}
#contact #tilde-info{float:none;padding:0;width:auto;border-left:0;border-bottom:solid 1px #ccc;padding-bottom:40px;margin-bottom:40px}
#contact #tilde-info a.map{width:auto;height:auto}
#contact #tilde-info a.map img{margin:0}
#contact #contact-info{float:none;margin:0 auto;width:280px}
#contact #contact-info h3{font-size:12pt;margin-bottom:8px}