/******************************************************************************************************************************************************/
/*footer*/
#footer {
  background: #02191c;
  padding: 8vh 10%;
}
#footer .logo {
  width: 100%;
  height: 40px;
  object-fit: contain;
  object-position: left;
}
@media only screen and (max-width: 1200px) {
  #footer .logo {
    width: 100%;
  }
}
#footer a {
  color: inherit;
  text-decoration: none;
}
#footer .social {
  color: #fff;
  font-size: 35px;
}
#footer i {
  font-size: 50px;
  color: #fff;
}
#footer h3 {
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}
#footer p {
  font-size: 18px;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 0;
  transition: 300ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  #footer .social {
    color: #fff;
    font-size: 35px;
  }
  #footer i {
    font-size: 50px;
    color: #fff;
  }
  #footer h3 {
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
  }
  #footer p {
    font-size: 18px;
  }
}
#footer a:hover p {
  opacity: 1;
}