// Footer divider
//
// A site-wide footer divider.
.footer-divider {
  width: 80%; 
  height:1px; 
  border:none; 
  color:#E9F0EF; 
  background-color:#E9F0EF; 
}

// Footer
//
// A site-wide footer.
//
// Markup:
// <footer class="footer">
//   <small>The Crosswalk Project was created in the Intel Open Source Technology Center. Copyright © 2013–2014 Intel Corporation.</small>
// </footer>
//
// Styleguide 3.10.1.
.footer {
  padding-top: modular-scale($base-font-size, 4, $base-ratio);
  padding-bottom: modular-scale($base-font-size, 2, $base-ratio);
  .row {
    margin-bottom: modular-scale($base-font-size, 0, $base-ratio);
  }
  &.footer--documentation {
    padding-top: 0px;
  }
}

// Block
//
// A chunk of content in the footer.
//
// Markup:
// <footer class="footer">
//   <div class="footer-block">
//     <p>Follow <a href="http://twitter.com/xwalk_project">@xwalk_project on Twitter</a> for hybrid app development&nbsp;resources.</p>
//   </div>
//   <div class="footer-block">
//     <small>The Crosswalk Project was created in the Intel Open Source Technology Center. Copyright © 2013–2014 Intel Corporation.</small>
//   </div>
// </footer>
//
// Styleguide 3.10.2.
.footer-block {
  margin-bottom: modular-scale($base-font-size, 2, $base-ratio);
}

//instead of grid layout css
.footer-div {
    float: left;
    width: 90%;
    padding: 0px 20px 20px 20px;

    @include media($mid) {
        width: 48%;
    }
}