styles.css

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html,body{background:#f0f0f0;font-family:roboto,sans-serif;font-weight:400;letter-spacing:.4;margin:0;padding:0;-webkit-font-smoothing:antialiased}a{color:#adadae;font-weight:700;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#fff}a.blue:hover{color:#0036b4}b{font-weight:700;font-size:18px}h1{font-size:36px;font-weight:700;letter-spacing:1;margin-bottom:12px}h2{font-size:36px;font-weight:700;letter-spacing:.6}h3{font-size:24px;font-weight:700}h4{font-size:20px;font-weight:400;line-height:26px}p{color:#fff;letter-spacing:0;line-height:18px}ul li{float:left;height:56px;line-height:56px}.container{background:#fff;border-left:solid 1px #e3e3e3;border-right:solid 1px #e3e3e3;margin:auto;min-width:1024px;max-width:1280px;position:relative}.header{background:0 0;height:56px;position:absolute;padding-left:50px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.hero{background-image:url(./img/ob1-hero.png);background-repeat:no-repeat;background-size:cover;height:720px;padding-top:196px;padding-left:110px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.teaser{position:absolute;right:14%;top:100px;width:340px}.main{padding-top:80px;padding-bottom:80px;text-align:center}.projects{border-collapse:separate;border-spacing:15px;margin:auto;margin-top:40px;table-layout:fixed;width:1000px}.projects td{height:410px;padding:14px;text-align:center;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.project-openbazaar{background-image:url(./img/project-openbazaar.png);background-size:100%;position:relative}.project-openbazaar .button{background-color:#0474be;bottom:25px;color:#fff;font-size:14px;left:calc(50% - 99px);margin:auto;padding:14px;position:absolute;width:100%}.project-openbazaar .button:hover{background-color:#046eb5}.project-openbazaar .button:active{background-color:#0464a3}.project-search{background-image:url(./img/project-search.png);background-size:100%;position:relative}.project-search .button{background-color:#fff;bottom:25px;color:#000;font-size:14px;left:calc(50% - 99px);margin:auto;padding:16px;position:absolute;width:100%}.project-deploy{background-image:url(./img/project-deploy.png);background-size:100%;position:relative}.project-deploy .button{background-color:#ff8383;bottom:25px;color:#fff;font-size:14px;left:calc(50% - 99px);margin:auto;padding:16px;position:absolute;width:100%}.project-deploy .button:hover{background-color:#ef7979}.project-deploy .button:active{background-color:#df7171}.subscribe{background-color:#f8f8f8;border-top:solid 1px #e3e3e3;height:400px;padding-top:65px;text-align:center;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.subscribe-form{background:#fff;border:1px solid #e3e3e3;box-shadow:0 1px 2px 0 rgba(213,213,213,.5);border-radius:2px;max-width:600px;margin:auto;margin-top:15px;padding:40px;text-align:left}.footer{background:#000;height:54px;padding-left:50px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.col12{background:#fff;border:1px solid #e3e3e3;box-shadow:0 1px 2px 0 rgba(213,213,213,.5);border-radius:2px;display:inline-block;margin-right:10px;margin-bottom:15px;padding:20px;text-align:left;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.employee{background:#fff;border:1px solid #e3e3e3;box-shadow:0 1px 2px 0 rgba(213,213,213,.5);border-radius:2px;display:inline-block;margin-right:15px;margin-bottom:15px;text-align:left;vertical-align:top;width:23%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.backdrop{background-color:#ccc;background-size:cover;height:136px;position:relative}.bio{font-size:14px;height:240px;line-height:20px;overflow:scroll;padding:15px;position:relative;-ms-overflow-style:none;-webkit-scrollbar:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bio::-webkit-scrollbar{display:none}.avatar{background-size:cover;height:100px;left:calc(50% - 47px);padding:0;position:absolute;top:20px;width:100px}.avatar a{position:absolute;height:100%;width:100%}.twitter{background-image:url(./img/twitter.png);background-size:100%;background-repeat:no-repeat;height:17px;position:absolute;top:20px;right:20px;width:17px}.twitter a{position:absolute;height:100%;width:100%}.align-left{text-align:left}input[type=email]{background:#fff;border:1px solid #e3e3e3;box-shadow:0 1px 2px 0 rgba(213,213,213,.5);border-radius:2px;font-size:14px;outline:none;padding:10px;transition:all .2s ease-in-out;width:95%}input[type=email]:focus{border:1px solid #000;box-shadow:0 1px 2px 0 rgba(50,50,50,.5)}.button{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.75);border-radius:0;color:#000;cursor:pointer;max-width:170px;padding:16px;text-align:center;transition:background .2s ease-in-out}.button:hover{background:#f0f0f0}.button:active{background:#ccc}.black{color:#000}.white{color:#fff}.off-white{color:#d4d4d4}.gray{color:#535353}.blue{color:#004cff}.small{font-size:14px}.medium{font-size:16px}.large{font-size:18px}.w400{font-weight:400}.mr25{margin-right:25px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt40{margin-top:40px}.mt146{margin-top:146px}@media(max-width:1023px){.container{max-width:100%;min-width:100%;text-align:center;border-left:0;border-right::0}.header,.footer{padding-left:25px}.hero{height:auto;padding-left:20px;padding-right:20px;padding-top:125px;margin:auto}.hero h4,.hero .button{margin:auto}.teaser{margin:auto;position:relative;right:0;top:40px}.main{margin:0 25px!important}.main h4{width:92%!important}.projects{width:100%}.projects td{display:block;margin:auto;margin-bottom:20px;width:315px}.projects td div{margin-top:160px}.subscribe{padding:50px 20px}.subscribe-form{max-width:80%;padding:20px}.employee{width:100%}.bio{min-height:200px;height:auto}}@media(max-width:400px){.teaser{width:280px}.teaser img{width:280px}.projects{border-spacing:0}.projects td{height:360px;width:275px}.projects td div{margin-top:126px}}