.site-logo-footer{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 46px;
  text-indent: -9999px;
  background-image: url(../../images/logo-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--brand-color-orange);
  padding: 24px 0;
}
.layout-footer .container{
  background-color: var(--brand-color-gray-dark);
}
.layout-footer .menu--menu-links .menu-item{
  display: inline-block;
  margin: 0 10px;
}
.layout-footer .menu{
  text-align: center;
  font-size: 0.875rem;
  line-height: 2em
}
.layout-footer a{
  color: #fff;
}
.region-pre-footer{
  background-color: var(--brand-color-blue-light);
}
.pre-footer{
  background-color: var(--brand-color-blue-light);
  color: var(--brand-color-orange);
  font-size: 0.875rem;
  text-align: center;
}
.region-pre-footer .feather-phone, 
.region-pre-footer .feather-mail,  
.menu--menu-links .feather-lock{
  position: relative;
  top: 2px;
  padding-right:3px;
}
.menu--menu-links a{
  font-weight: 600;
}

.region-pre-footer span + span{
  margin-left: 20px;
}
.region-footer{
  padding: 30px 30px 40px 30px;
  background-color: var(--brand-color-gray-dark);
}
.footer-bottom{
  background-color: var(--brand-color-gray-dark);
}

@media screen and (min-width: 64em) {
  .site-logo-footer{
    max-width: 256px;
    background-position: left;
  }
  .region-pre-footer{
    text-align: right;
  }
  .footer-bottom {
    background: url(../../images/background_footer.png) repeat-y;
  }
  .footer-bottom .container{
    display: flex;
  }

  .footer-bottom .block-menu{
    display: inline-block;
  }
  .region-footer {
    padding: 0;
    margin: 18px 0 0 auto;
  }
  .region-footer ul.menu  {
    margin-left:  0;
  }
  .menu-item{
    display: inline-block;
  }
  .menu--menu-footer .menu-item{
    margin-left: 25px;
  }
  .layout-footer .menu--menu-links .menu-item {
    margin: 0 0 0 25px;
  }
}