.site-footer .layout--four-col,
.site-footer .layout--two-col {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.site-footer .layout--four-col .footer-column {
  flex: 1 1 22%;
}

.site-footer .layout--two-col .footer-column {
  flex: 1 1 48%;
}

.footer-bottom .layout__region--first {
  text-align: left;
}

.footer-bottom .layout__region--second {
  text-align: left;
}
@media (max-width: 768px) {
  .site-footer .layout--four-col .footer-column,
  .site-footer .layout--two-col .footer-column {
    flex: 1 1 100%;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

.footer-column-menu a i {
  font-size: 20px;
  width: 29px;
}
.footer-column-menu {
  margin-left: 307px;
}
.header-top.layout--two-col {
  display: flex;
  border-bottom: 1px #eee solid;
    background: #f4f4f4;
    text-transform: uppercase;
    font-size: 11px;
    height: 85px;
}
.header-top .header-column {
  flex: 1;
}
.header-top .layout__region--first {
  text-align: left;
}
.header-top .layout__region--second {
  text-align: right;
}
.region.region--secondary-menu .block-region.demo-block {
  margin-top: -37px;
}
@media (max-width: 768px) {
  .header-top.layout--two-col {
    flex-direction: column;
    text-align: center;
  }

  .header-top .layout__region--second {
    margin-top: 10px;
    text-align: center;
  }
}