@font-face {
  font-family: 'SocialMedia';
  src:  url('../assets/fonts/SocialMedia.eot?hlrm2x');
  src:  url('../assets/fonts/SocialMedia.eot?hlrm2x#iefix') format('embedded-opentype'),
    url('../assets/fonts/SocialMedia.ttf?hlrm2x') format('truetype'),
    url('../assets/fonts/SocialMedia.woff?hlrm2x') format('woff'),
    url('../assets/fonts/SocialMedia.svg?hlrm2x#SocialMedia') format('svg');
  font-weight: normal;
  font-style: normal;
}

footer a.sm-link {
	margin-left:10px;
}

.sm-icon {
}

.sm-icon:before, .sm-icon:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SocialMedia' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
	vertical-align:middle;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sm-icon:before {
	display:inline-block;
}

.sm-icon:after {
	display:none;
}

.sm-icon--xs:after, .sm-icon--xs::before {
	font-size:16px;
}

.sm-icon--facebook:before {
  content: "\e900";
}
.sm-icon--google:before {
  content: "\e901";
}
.sm-icon--linkedin:before {
  content: "\e902";
}
.sm-icon--twitter:before {
  content: "\e903";
}