@charset "utf-8";
@import "../initial";

.layout-footer {
  padding: 2em 0;
  color: #999999;
  font-size: 0.8125em;
  background-color: $theme-gray-dark;
  .logo{
    vertical-align: top;
    display: inline-block;
    margin-right: 10px;
  }
  .layout-footer-content{
    width: 50%;
    display: inline-block;
    @media (max-width : 767px){
      width: 88%;
    }
  }

  .footer-counter{
    width: 30%;
    float: right;
    text-align: right;
    img{
      margin-right: 10px;
    }
    @media (max-width : 767px){
      width: 100%;
      text-align: left;
   }
  }
  .container {
    // @extend .response-content;
  }
  a {
    color: #999999;
    &:hover,
    &:focus {
      color: lighten(#999999, 10%)
    }
  }
}