@import url(https://fonts.googleapis.com/css?family=Roboto);*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}a{display:block;padding:5px;color:#000;font-weight:700;text-decoration:none}img{max-width:100%;height:auto}a,h1,h2,h3,p{margin:10px 0}header{width:100%;padding:30px;margin-bottom:40px;border-bottom:1px solid gray;background-color:#2d3e50;color:#fff}header div{max-width:1260px;margin:0 auto}header:after{content:"";display:table;clear:both}.logo{float:left;font-size:26px}h1 a{margin:0;color:#fff}nav{float:right;padding:20px}main{max-width:1260px;margin:0 auto;margin-bottom:90px}main:after{content:"";display:table;clear:both}@media only screen and (max-width:959px){main{width:100%}}article{width:70%;float:left;padding:15px}@media only screen and (max-width:959px){article{float:none;width:100%}}aside{width:30%;float:right;padding:15px}@media only screen and (max-width:959px){aside{float:none;width:100%}}footer{background:#111;color:#fff;padding:10px;position:fixed;bottom:0;width:100%;margin:0 auto;text-align:center}footer a{color:#fff}@media only screen and (max-width:959px){footer{width:100%}}ul{list-style-type:none}ul a,ul li{display:inline;padding:10px;color:#fff}