html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
  padding-bottom: 20px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
}
.footer .text {
	line-height: 60px;
	font-size: 14px;
}

.footer .social-media a {
	line-height: 60px;
}

.footer .social-media a:focus, .footer .social-media a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .footer .social-media a {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
  }
  .footer .social-media a:focus, .footer .social-media a:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
}