footer {
    background-color: #241f23;
    padding: 60px 0
}

footer div {
    line-height: 1.5em
}

footer a {
    color: #fff
}

footer h2 {
    font-size: 40px!important
}

footer h2,footer h4,footer h6 {
    color: #fff;
    font-family: proxima-nova,sans-serif;
    font-weight: 700;
    margin: 0;
    text-transform: none
}

footer h4 {
    font-size: 25px!important
}

footer h6 {
    font-size: 20px
}

footer h6 a {
    border: 0 solid #3574e3
}

footer h6 a:hover {
    border-width: 0 0 5px
}

.footer-container {
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 30px;
    gap: 20px;
}

.footer-container .footer-main {
    display: flex;
    flex-flow: row nowrap
}

footer .showrooms-col {
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    gap: 30px
}

footer .showrooms-container {
    display: flex;
    flex-flow: row nowrap;
    gap: 30px 60px
}

footer .showroom {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px
}

footer .nav-col {
    display: flex;
    margin-left: auto;
    flex-flow: column nowrap;
    align-items: flex-end;
    gap: 20px;
}
footer .social-container {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
}
footer .social-link svg {
  aspect-ratio: 1;
  width: 25px;
}
footer .social-link svg path {
  fill: #fff;
}
footer .bottom-bar {
    text-align: right
}

@media (max-width: 1024px) {
  footer .showrooms-container {
    flex-flow: column nowrap;
  }
  footer .nav-col {
    align-items: flex-start;
    margin-left: unset;
  }
  footer .bottom-bar {
    text-align: left;
}
@media (max-width: 767px) {
    footer {
        padding: 50px 0;
    }

    footer h2 {
        font-size: 35px!important
    }
}