html,body,div,span,h1,p,a,b,u,i,ul,li,footer,header,nav,main{margin:0;padding:0;border:0;font-size:100%;font-family:'Open Sans',sans-serif;vertical-align:baseline}footer,header,menu,nav,section{display:block}ol,ul{list-style:none}header h1{font-weight:800;font-size:9em;line-height:.38;color:#555;-webkit-text-stroke:6px #555;text-stroke:6px #555;-webkit-text-fill-color:#fdfdfd;text-fill-color:#fdfdfd;-webkit-font-smoothing:antialiased;margin-bottom:80px;-letter-kern:0 -9px -5px}header p{font-weight:300;font-size:.8em;color:#555;margin:0 2%}#mainContainer{margin:19px 0 0 0}main{display:block}main ul{border:0;margin:0 1%;text-align:center}main:before,main:after{content:"";display:table}main:after{clear:both}main ul li{text-align:center;border-bottom:0;display:table;float:left;vertical-align:middle;border:1px solid #eee;width:30%;height:198px;border-radius:8px;margin:8px 0 0 8px}main ul li a{display:table-cell;color:#555;padding:8px;text-decoration:none;font-size:3em;line-height:1.1;height:100%;width:100%;vertical-align:middle;border-radius:8px}main ul li a:hover{background-color:#555;color:#fff}a.github:before{content:"\20";font-family:FontAwesome;clear:right;display:block}a.stackoverflow:before{content:"\20";font-family:FontAwesome;clear:right;display:block}a.linkedin:before{content:"\20";font-family:FontAwesome;clear:right;display:block}a.instagram:before{content:"\20";font-family:FontAwesome;clear:right;display:block}a.soundcloud:before{content:"\20";font-family:FontAwesome;clear:right;display:block}a.twitter:before{content:"\20";font-family:FontAwesome;clear:right;display:block}footer{clear:both;margin:19px 0 19px 0}footer p{margin:0 2%;font-weight:300;font-size:.9em}@media screen and (max-width:1100px){main ul li a{font-size:2.1em}}@media screen and (max-width:767px){header h1{font-size:8.5em}main{margin:0 1%}main ul{border:1px solid #555}main ul li{border:0;text-align:center;border-bottom:1px solid #555;display:block;float:none;width:auto;height:auto;border-radius:0;margin:0}main ul li:last-child{border-bottom:none}main ul li a{display:block;color:#555;padding:16px 19px;text-decoration:none;font-size:1.4em;border-radius:0;width:auto;height:auto}main ul li a:hover{background-color:#555;color:#fff}a.github:before,a.stackoverflow:before,a.linkedin:before,a.instagram:before,a.soundcloud:before,a.twitter:before{clear:none;display:inline}}@media screen and (max-width:350px){header h1{font-size:8em}header p{font-size:.68em}}@media screen and (max-width:300px){header h1{font-size:6em;-webkit-text-stroke:4px #555;text-stroke:4px #555}}