.footer{
  background: /* rgb(18, 18, 18) */ #fff;
  width: 100%;
  /* border-top: 1px solid #dfe6e9; */
}
.footer p, .footer .sosmed{
  padding: 20px;
  margin: 0 10%;
}
.footer p{
  color: #7e8890;
  font-weight: 500;
  font-size: 15px;
  /* text-transform: uppercase; */
}
.sosmed a{
  cursor: pointer !important;
  text-decoration: none;
  color: #7e8890;
  font-size: 20px;
}
/* Dark Mode */
.dark .footer{
  background: #292c2f;
}
.dark .footer p, .dark .footer .sosmed a{
  color: #f5f6fa;
}
@media screen and (max-width: 800px) {
  .footer p, .footer .sosmed{
    padding: 20px;
    display: block;
    text-align: center;
  }
}