html,body,div,span,object,section,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:'BebasNeueRegular';src:url('BebasNeue-webfont.eot');src:url('BebasNeue-webfont.eot?#iefix') format('../fonts/embedded-opentype'),url('../fonts/BebasNeue-webfont.woff') format('woff'),url('../fonts/BebasNeue-webfont.ttf') format('truetype'),url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal}html{width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;background-color:grey}h2{font-family:'BebasNeueRegular',sans-serif;font-size:2rem;line-height:2.3rem;background-color:white;display:inline;padding:2px 0 0 0;margin:0;position:relative;left:12px}h2 span{position:relative;left:-6px}h2:before{content:"";display:block;width:13px;height:100%;top:0;left:-12px;background:white;position:absolute}p{font-family:georgia;font-size:1.5rem;line-height:2rem;background-color:white;display:inline;padding:2px 0 2px 0;position:relative;left:12px}p span{position:relative;left:-6px}p:before{content:"";display:block;width:13px;height:100%;top:0;left:-12px;background:white;position:absolute}#heading{font-family:'BebasNeueRegular',sans-serif;text-align:center;padding-top:15%}#slogan{font-family:'BebasNeueRegular',sans-serif;text-align:center;margin-top:-2rem}#main-nav{position:fixed;top:2rem;right:0;z-index:9999;-webkit-perspective:600px;padding-left:2rem}#main-nav:hover a:not(.active){right:0;margin-left:0}#main-nav a:not(.active){color:#c8c8c8}#main-nav a:not(.active):hover{right:0;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg)}#main-nav a:not(.active):active{right:0;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transform:rotateY(-20deg);-moz-transform:rotateY(-20deg);-o-transform:rotateY(-20deg);transform:rotateY(-20deg)}#main-nav a{transition:All .1s ease;-webkit-transition:All .1s ease;-moz-transition:All .1s ease;-o-transition:All .1s ease;position:relative;right:-100%;margin-left:-2rem;display:block;padding:.2rem 1rem 0 2rem;margin-bottom:.25rem;line-height:1.7rem;font-size:1.4rem;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);font-family:'BebasNeueRegular',sans-serif;text-decoration:none}#main-nav .active{right:0;color:#fff}#l1{background-color:#222}#l2{background-color:#222}#l3{background-color:#222}#l4{background-color:#222}.page{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);display:block;width:100%;height:100%}#intro{background:url(../img/dialogboxen.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#ide{background:url(../img/ide.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#cases{background:url(../img/orange_mini.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#cases .wrapper{max-width:65%;height:100%;padding-left:3rem}#cases article{display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center;max-width:960px;height:100%;margin:auto}#contact{background:url(../img/yellow_bg_mini.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#contact .wrapper{max-width:45%;padding-left:60%;text-align:left;height:100%;padding-right:6rem}#contact article{display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center;max-width:960px;height:100%;margin:auto}@media only screen and (min-device-width:768px) and (max-device-width:1024px){h2{font-size:1rem;line-height:1.2rem;padding:2px 0 0 0;left:12px}h2 span{left:-6px}p{font-size:1rem;line-height:1.4rem;left:12px}p span{position:relative;left:-6px}#cases .wrapper{max-width:100%;padding-right:3rem}}