*{box-sizing:flex}html,body{height:100%}#title{width:16.6%;float:left;position:relative}#title h1{color:#575757;position:absolute;top:0;right:100%;font-size:128px;transform-origin:right top;-webkit-transform-origin:right top;transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg)}#content{width:83.2%;margin-left:16.7%;display:flex;flex-flow:row wrap;height:100%}#content a{display:block;min-width:200px;min-height:200px;margin:0;padding:0;background-color:#f4f5f6;flex:1 0 0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:all 0.5s ease 0;-webkit-transition:all 0.5s ease 0}#content a:hover{filter:grayscale(0%);-webkit-filter:grayscale(0%);text-decoration:none;flex:2 0 0}#content a span{display:block;width:100%;text-align:center;padding:4px 0;font-size:24px;color:#fff;background-color:#000;opacity:0.5}#content #eirik{background-image:url("/img/eirik.jpg")}#content #erlend{background-image:url("/img/erlend.jpg")}#content #grete{background-image:url("/img/grete.jpg")}#content #brumm{background-image:url("/img/brumm.jpg")}#content #refsdal{background-image:url("/img/refsdal.jpg")}