footer {
  text-align: center;
  background-color: var(--footer-color);
}

footer .footer {
  color: var(--white);
}
footer .footer .col {
  padding: 0 15px;
}
footer .footer .col-a .widget .logo {
  font-size: 24px;
  letter-spacing: 1px;
}

footer .footer .col-a .widget p {
  letter-spacing: 0.5px;
  /* color: var(--light-gray); */
  color: var(--disabled-color);
}

footer .footer .widget ul li {
  margin-top: var(--space-1);
  font-weight: 300;
}
footer .footer .widget ul li a {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  transition: color 0.3s ease-in-out;
}
footer .footer .widget ul li a:hover {
  color: var(--light-gray);
}
footer .footer-bottom {
  /* padding: 100px 0 20px; */
  padding: 0 0 20px;
  /* color: var(--placeholer-color); */
  color: var(--disabled-color);
}

footer .footer-bottom .row-1 .col-a {
  margin: 20px 0;
}

footer .footer-bottom .footer-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

footer .footer-bottom .footer-menu li a {
  padding: 0 10px;
  /* color: var(--placeholer-color); */
  color: var(--disabled-color);
  transition: color 0.3s ease-in-out;
}

footer .footer-bottom .footer-menu li a:hover {
  color: var(--light-gray);
}

footer .footer-bottom .footer-menu li:not(:first-child):before {
  content: "/";
}

@media only screen and (min-width: 768px) {
  footer {
    text-align: left;
  }
  footer .footer-bottom {
  }
  footer .footer-bottom .row-1 .col-a {
    margin: 0;
  }
  footer .footer-bottom .footer-menu {
    justify-content: flex-end;
  }
}