.project h4,h3{text-transform:uppercase;text-align:center}.project h4,footer,h3,header{text-align:center}body{font-family:"Open Sans",sans-serif;margin:0;padding:0;font-size:16px}h1,h2,h3,h4{font-family:Lato,sans-serif}h1{color:#fff}h3{letter-spacing:1px;margin-top:2em}h3 a{color:#2a2a2a}img.fluid{max-width:100%}.container{max-width:1200px;margin:0 auto}header{padding:150px 0;border-bottom:1px solid #d9d9d9;color:#f8f8f8;background:url(/images/megatrons/black-abstract.jpg) center center no-repeat;background-size:cover}header h1{margin-bottom:.125em}header h2{font-size:1.5em;line-height:1.5em;margin-top:.125em;color:#b9b9b9;letter-spacing:3px}header ul{display:inline-block;margin:0 auto;list-style:none}header ul li{float:left}header ul li a{padding:8px 16px;transition:all .3s;color:#fff;text-decoration:none}header ul li a:hover{text-decoration:underline;color:#ddd}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-gap:10px 20px}.projects--compact{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.project h4{margin-top:0;letter-spacing:1px}footer{display:block;padding:4em 0;border-top:1px solid #d9d9d9}