@charset "utf-8";

@import "../initial";

.layout-footer {
  padding: 2em 0;
  color: $theme-color-main;
  font-size: 0.8125em;
  letter-spacing: 1px;
  z-index: 0;
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'IndustryW00-Medium';
  }

  .container {
    @extend .response-container;
  }
  .footer-counter a { padding-right: 0.5em; }
  a {

    &:hover,
    &:focus {
      color:#288E8E;
    }
  }
  @media(min-width:1025px){
    position: fixed;
    bottom: 0;
    left: 2em;
    .layout-footer-inner{
      width: 350px!important;
      padding: 0 3em!important;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .layout-footer-inner{
      padding: 0 3em!important;
    }
  }
  @media(max-width:$screen-xs){
    .layout-footer-inner{
     padding: 0 1em!important;
    }
  }

}
.footer-counter{
  display: none;
}
.layout-footer-content{
  .fab{
    font-size: 20px;
    padding-right: 10px;
  }
}
@media(max-width:$screen-xs){
  .footer-content{
    flex-wrap: wrap;
  }
  .part{
    width: 100%!important;
  }
}