footer{
  background-color: rgba(51, 51, 51, 1);
  height: 20vh;
  max-height: 120px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: rgba(194, 194, 197, 1);
}
footer a{
  color: rgba(235, 235, 235, 1);
  text-decoration: none;
}
footer a:hover{
  text-decoration: underline;
}
/* REVIEW: contact */
section#contact{
  background-color: var(--main-bg-color);
  height: 15vh;
  max-height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
div#container_contact{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 60%;
}
div#container_contact p{
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}
div#container_social_network{
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 450px;
}
div#container_social_network a{
  color: white;
  text-decoration: none;
}
div#container_social_network a:hover{
  color: #f1c40f;
}
/* REVIEW: // contact */
@media screen and (max-width: 1024px){
  footer{
    background-color: rgba(51, 51, 51, 1);
    height: 20vh;
    max-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(194, 194, 197, 1);
  }
  span{
    display: none;
  }
}