/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -80px;
  /* Pad bottom by footer height */
  padding: 0 0 80px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 80px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .credit {
  margin: 20px 0;
}


.share-btn{display:inline-block;color:#ffffff;border:none;padding:0.25em;width:2em;box-shadow:0 1px 0 0 rgba(0,0,0,0.2);outline:none;text-align:center;}
.share-btn:hover{color:#eeeeee;}
.share-btn:active{position:relative;top:2px;box-shadow:none;color:#e2e2e2;outline:none;}
.share-btn.twitter{background:#55acee;}
.share-btn.google-plus{background:#dd4b39;}
.share-btn.facebook{background:#3B5998;}
.share-btn.linkedin{background:#4875B4;}
.share-btn.email{background:#444444;}
.share-btn.stumbleupon{background:#EB4823;}
.share-btn.reddit{background:#ff5700;}