.footer .menu.nav {
    margin-top: 100px;
    column-count: 3;
    font-size: 15px;
}

@media screen and (min-width: 766px) { 
    .footer .menu.nav > li > a {
        padding: 0;
    }
}

.footer .menu.nav > li {
    width: 100%;
}

.footer .menu.nav > li > a:hover,
.footer .menu.nav > li > a:focus,
.footer .menu.nav > li > a:active {
    border: none;
}
@media screen and (max-width: 766px) { 
  .footer .layout--threecol-section {
    display: none;
  }
  
  .footer .menu.nav {
    column-count: 1;
  }
}