/* NAV BAR */
.top-bar {
  background:#000;
  padding:10px;
  text-align:center;
}
.top-bar img{
  height:50px;
}

/* FOOTER NAV */
.footer-nav{
  display:flex;
  justify-content:center;
  gap:10px;
  padding:20px;
  background:#111;
}
.footer-nav a{
  flex:1;
  max-width:120px;
  height:80px;
  background:#222;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:12px;
  filter:grayscale(100%);
  transition:all .3s;
}
.footer-nav a:hover{
  filter:grayscale(0%);
  background:#fff;
  color:#000;
}