@font-face {
  		font-family: "San Francisco";
  		font-weight: 400;
  		src: url("fonts/sanfranciscodisplay-regular-webfont.woff");
		}
		@font-face {
			font-family: "San Francisco SemiBold";
			font-weight: 400;
			src: url("fonts/sanfranciscodisplay-semibold-webfont.woff");
		}
		body{
			font-family: "San Francisco";
    		margin:50px;
    		background-color: #fffbef;
			}
		.nav-tabs > li {
   	 float:none;
    display:inline-block;
    zoom:1;
}

.nav-tabs {
  text-align:center;
}
.subtitle {
	font-family: 'San Francisco SemiBold';
	color: #5a5859;
}
.list-heading-gray {
	color:#312f30;
	font-family: 'San Francisco SemiBold';
	font-size:20px;
	margin-bottom: 0px;
}
.list-subtitle {
	color:#5a5859;
	font-family: 'San Francisco';
	font-size:15px;
}
.list-heading-purple {
	color:#5856d6;
	font-family: 'San Francisco SemiBold';
	font-size:20px;
	margin-bottom: 0px;
}
.svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.svg-icon-tw path,
.svg-icon-tw polygon,
.svg-icon-tw rect {
  fill: #4691f6;
}

.svg-icon-ln path,
.svg-icon-ln polygon,
.svg-icon-ln rect {
  fill: #0A66C2;
}

.svg-icon-gh path,
.svg-icon-gh polygon,
.svg-icon-gh rect {
  fill: #181717;
}
.svg-icon-md path,
.svg-icon-md polygon,
.svg-icon-md rect {
  fill: #000000;
}
.svg-icon-ig path,
.svg-icon-ig polygon,
.svg-icon-ig rect {
  fill: #E4405F;
}
.svg-icon-sf path,
.svg-icon-sf polygon,
.svg-icon-sf rect {
  fill: #1ED760;
}
.svg-icon-am path,
.svg-icon-am polygon,
.svg-icon-am rect {
  fill: #FF3300;
}
.svg-icon-yt path,
.svg-icon-yt polygon,
.svg-icon-yt rect {
  fill: #FF0000;
}