html,body{height:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(255,255,255,0);background:white;font-size:16px;line-height:1.5em}.body{font-size:1em;font-family:Lato, Helvetica, Arial, sans-serif;color:#404040;font-weight:300;margin:5px 5px 25px 5px}.body b{font-weight:400}.body ol{margin:5px 0 15px 0;list-style-type:none}#navigation{width:100%;height:50px;z-index:1;padding:0 20px;box-sizing:border-box;background:white}a{text-decoration:none}#main-logo{display:block;position:relative;top:10%}#wrapper{display:block;position:relative;width:100%;height:100%}#main{display:block;width:100%;max-width:1200px;margin:15px auto}#app{display:block;width:100%;margin:0;padding:5px;box-sizing:border-box;-webkit-overflow-scrolling:touch}#app-container{width:100%;display:block}#sidebar{width:30%;float:left;padding:30px 20px;box-sizing:border-box}#box-container{display:block;width:100%;float:right}.box{width:33.33%;padding-top:30%;float:left;position:relative;margin:0;border:8px solid white;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}.box-inner{width:100%;height:100%;position:absolute;top:0;background:white;background-size:auto 130%;background-position:center;padding:20px;box-sizing:border-box;transition:background-size 0.5s ease;cursor:pointer}.box-inner::before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:" ";background:#212121;opacity:0.1;pointer-events:none;transition:opacity 0.5s ease}.box-inner:hover{background-size:auto 140%}.box-inner:hover::before{opacity:0}.clearfix:before{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.title{font-size:2em;line-height:1.5em;font-family:"Lato", Helvetica, Arial, sans-serif;font-weight:400;color:white;margin:0;position:relative}.subtitle{font-size:0.95em;font-family:"Roboto", Helvetica, Arial, sans-serif;font-weight:300;color:#212121;margin:5px 0;position:relative}.title span{background:#151515;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px}.subtitle span{background:#d2d2d2;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px}@media screen and (max-width: 1084px){.box{width:33.33%;padding-top:33.33%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}}@media screen and (max-width: 900px){.box{width:50%;padding-top:50%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4){width:100%}.box:nth-of-type(5){width:50%}}@media screen and (max-width: 640px){.box{width:100%;padding-top:60%;float:left;position:relative;margin:0;box-sizing:border-box;border:5px solid white}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:100%}}@media screen and (max-width: 400px){.title{font-size:1.4em}.subtitle{visibility:hidden}}