.c-page-footer,
.c-page-aside--bottom {
  position: relative;
  overflow: hidden; }

.c-footer-contact > p {
  text-align: center;
  margin: 0 0 1em; }
  .c-footer-contact > p:first-of-type:not(.u-h1) {
    color: #7a7a7a;
    font-weight: 700; }
  .c-footer-contact > p.u-h1 {
    font-size: calc(1.5em + 1vw);
    line-height: 1.2;
    margin-bottom: 12vh; }
    .c-footer-contact > p.u-h1 strong {
      color: var(--color-primary-base); }

.c-footer-contact ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: calc(1rem + 1.5vw); }
  .c-footer-contact ul p {
    line-height: 1.4;
    margin-bottom: .5em; }

.c-footer-contact li {
  display: grid;
  grid-template-columns: 28px auto;
  grid-gap: calc(1rem + .5vw); }
  .c-footer-contact li svg {
    width: 100%;
    fill: var(--color-primary-base); }
  .c-footer-contact li p:first-of-type {
    margin: .25rem 0 3vh; }
  .c-footer-contact li .u-h2 {
    color: var(--color-primary-base);
    margin-bottom: .5rem; }

.c-footer-contact > *:not(img) {
  position: relative;
  z-index: 1; }

.c-footer-contact > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: .1;
  pointer-events: none;
}

.c-footer-contact--center li {
  display: block;
  text-align: center; }
  .c-footer-contact--center li svg {
    width: 100%;
    max-width: 36px; }

.c-footer-contact--mask > svg {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px; }