body,html{font-family:Arial,sans-serif;margin:0;background-color:#111;color:#9c9c9c;height:100%}main{margin:2% 10%}.navbar{margin:0}.navbar ul{list-style-type:none;margin-top:0;padding:0;overflow:hidden;background-color:#333}.navbar li{float:left}.navbar li a{display:block;color:#fff;text-align:center;padding:.75em 1em;text-decoration:none}.navbar li a:hover{background-color:#111}footer{background-color:#333;width:100%;text-align:center;padding:.5em;float:left}footer>*{padding:.5em;margin:0}footer>.left,footer>.middle,footer>.right{width:33.3333%;float:left}footer>.left{float:left}footer>.right{float:right}footer>*>.logos>*>*{max-width:2em}footer>*>.logos>a{color:transparent}.hero{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../img/index/hero.jpg);height:50vh;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.about{color:#9c9c9c}.extra-images{margin-bottom:3vh;margin-left:2%;margin-right:1%}.row{display:flex;flex-wrap:wrap}.column{flex:33.3333%;max-width:32%;padding:0 .3333%;align-content:center}.column img{margin-top:8px;vertical-align:middle;width:100%}@media screen and (max-width:800px){.column{flex:50%;max-width:50%}}@media screen and (max-width:600px){.column{flex:100%;max-width:100%}}