@charset "utf-8";

@import "../initial";

.layout-footer {

  color: #fff;
  font-size: 0.8125em;
  background-color: #486d15;
  margin-top: 15px;
@media (min-width: $screen-sm) {
  margin-top: 0;
}

  .container {
    @extend .response-content;
      padding: 2em 0;
      font-family: '微軟正黑體','sans-serif';
      @media (min-width: $screen-sm) {
        padding: 2em 15px;
      }
  }

  .layout-footer-content{
    
    display: inline-block;
     @media (min-width:  768px) {
      width: 80%;
        padding: 0;
     }
  }
  
  .footer-counter{
    vertical-align: top;
    
    text-align: right;
    padding-top: 10px;
    @media (min-width: 768px) {
      width: 20%;
        padding: 0;
        display: inline-block;
    }
    .footer-counter-logo{
      display: inline-block;
      background: url('/assets/logo.png') no-repeat center;
      background-size: contain;
      width: 32px;
      height: 32px;
      vertical-align: middle;
      margin-right: .5rem;
      opacity: .3;
    }
  }

  a {
    color: #bdfff2;

    &:hover,
    &:focus {
      color: lighten(#ffffff, 10%);
    }
  }
}