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

.layout-footer {
  background: #f5e0c2;
  padding: 2em 0;
  color: #6E5140;
  font-size: 0.8125em;
  border-top: 8px solid #eaad51;
  position: relative;
  

  .container {
//    @extend .response-content;
    .layout-footer-content{
      width: 80%;
      float: left;
      line-height: 25px;
      @media (max-width:767px){
        width: 100%;
         }
    }
    .footer-counter{
      img{
        margin-right: 10px;
      }
      width: 20%;
      float: left;
      text-align: right;
       @media (max-width:767px){
        margin-top: 10px;
        width: 100%;
        text-align: left;
         }
    }
  }
  a {
    color: #6E5140;
    &:hover,
    &:focus {
      color: lighten(#6E5140, 10%)
    }
  }
}