footer.main {
    background: var(--base-color-dark-gray);
    color: var(--base-color-white);
  }
  
  footer.main > .inner {
    padding-block: max(28px, calc(64 * var(--px))) max(28px, calc(70 * var(--px)));
    display: flex;
    flex-flow: column nowrap;
    gap: calc(100 * var(--px)) 0;
  }
  
  footer.main > .inner > div {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 max(20px, calc(44 * var(--px)));
  }
  
  footer.main .col-1 {
    width: calc(791 * var(--px));
    flex-shrink: 0;
  }
  
  footer.main .col-2 {
    width: 100%;
  }
  
  footer.main .headline {
    margin-bottom: .3em;
  }
  
  footer.main .row-2 {
    color: var(--base-color-lighter-gray);
    align-items: center;
  }
  
  nav.social .menu {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 3.14285714285714285714em;
  }
  
  nav.social .menu svg {
    display: block;
    width: 1.71428571428571428571em;
    height: auto;
  }
  
  
  
  
  @media (max-width: 750px) {
    
    footer.main > .inner {
      flex-flow: column nowrap;
      gap: 35px 0;
    }
    
    footer.main > .inner > div {
      flex-flow: column nowrap;
      gap: 25px 0;
    }
    
    footer.main > .inner > div.row-2 {
      flex-flow: column-reverse;
      gap: 15px 0;
    }
    
    footer.main .col-1 {
      width: 100%;
    }
    
  }