footer {
  background-color: $secondary-color;
  a {
    color: $body-font-color;
    &:hover {
      color: $primary-color;
    }
  }
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6,
  p,ul,ol,li {
    margin: 0;
  }
  ul,ol {
    list-style: none;
    li {
      float:left;
      padding-right: $global-padding;
    }
  }
  .clear.clearfix {
    width: 100%;
  }
  .logo {
  }
  .site-brand,.brand-logo {
    &.archive{
      &::before {
        margin-top:unset;
      }
    }
    &.eu {
      &::before {
        margin-top:unset;
        max-width:100%;
        max-height: 4rem;
      }
    }
  }
  .copyright,.legal-credits {
    font-size: $global-font-size*0.8;
  }
  .subsection {
    @include breakpoint(small) {
       @include xy-grid;
       @include flex;
       @include flex-align(left,bottom);
       border-top: 1px solid black;
       padding: $global-padding;
       font-size: $global-font-size * 0.8;
       &:first-child {
         //padding-top: $global-padding*3;
       }
       .co-founded {
         text-align:right;
       }
     }
     @include breakpoint(medium) {
       font-size: $global-font-size;
     }
     aside {
       @include breakpoint(small) {
         @include xy-cell(12);
       }
       @include breakpoint(medium) {
         @include xy-cell(3);
       }
      &.double {
       @include breakpoint(small) {
         @include xy-cell(12);
       }
       @include breakpoint(medium) {
         @include xy-cell(6);
       }
      }
    }
  }
 }