.footer-menu-template .menu-content {
  max-width: 1200px;
  margin: 0 30px; }
  @media only screen and (min-width: 768px) {
    .footer-menu-template .menu-content {
      margin: 0 auto; } }

.footer-menu-template ul {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  flex-wrap: wrap; }

.footer-menu-template li {
  padding: .2em; }
  @media only screen and (min-width: 768px) {
    .footer-menu-template li {
      padding: 1em .2em; } }
  .footer-menu-template li a {
    border-bottom: 3px solid  #fff;
    color: #333; }
    .footer-menu-template li a:hover {
      border-bottom: 3px solid  #28008a; }