.widget-col {
  width: 100%;
  padding: $spacing_unit * 5;
  padding-bottom: $spacing_unit * 20;
}

footer { 
  text-align: center;

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .upper-footer,.lower-footer{
    padding: $spacing_unit * 6;
  }
  .footer-menu {
    .menu-item {
      a {
        padding: $spacing_unit * 2;
        &:hover {
          text-decoration: underline;
        }
      }
      &:not(:last-child)::after {
        content: "|";
      }
    }
  }
}
