.footer{
  width: 100%;
  height: auto;
  background-color: #202020;
  color: white;
  padding: 60px 0 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer .about-footer{
  width: 70%;
  align-self: center;
  padding: 20px;
  text-align: center;
}
.footer .social-icons{
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.copy-footer{
  width: 100%;
  color: white;
  background-color: black;
  text-align: center;
  padding: 15px 0;
}

/*Social Media*/
.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 15px;
  border-radius: 90%;
}

.fa-facebook {
  background: #ffffff;
  color: rgb(0, 0, 0);
}
.fa-facebook:hover{
    background: #3b5998;
    color: white;
}

.fa-youtube {
  background: #ffffff;
  color: rgb(0, 0, 0);
}
.fa-youtube:hover{
    background: #bb0000;
    color: white;
}
.fa-instagram {
  background: #ffffff;
  color: rgb(0, 0, 0);
}
.fa-instagram:hover{
    background: #ff0080;
    color: white;
}
.fa-twitter {
  background: #ffffff;
  color: rgb(0, 0, 0);
}

.fa-twitter:hover {
  background: #1da1f2;
  color: white;
}

.fa-linkedin {
  background: #ffffff;
  color: rgb(0, 0, 0);
}

.fa-linkedin:hover {
  background: #0077b5;
  color: white;
}
.fa-pinterest {
  background: #ffffff;
  color: rgb(0, 0, 0);
}

.fa-pinterest:hover {
  background: #a30000;
  color: white;
}

@media(max-width:767px) {
  .fa {
      font-size: 25px;
      width: 27px;
      height: 20px;
      text-align: center;
      text-decoration: none;
      margin: 5px 15px;
      border-radius: 100%;
      padding: 15px 15px;
      align-items: center;
  }
}