tum
/
whitesports


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429
							<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>social-logos</title>
		<style>
		body {
			margin:0;
			padding:10px 20px;
			background:#fff;
			color:#222;
			}
		h1, div, footer {
			font-family:"Helvetica Neue", Arial, sans-serif;
			}
		h1 {
			margin:0 0 20px;
			font-size:32px;
			font-weight:normal;
			}
		.icons {
			margin-bottom:40px;
			-webkit-column-count:5;
			   -moz-column-count:5;
			        column-count:5;
			-webkit-column-gap:20px;
			   -moz-column-gap:20px;
			        column-gap:20px;
			}
		.icons__item,
		.icons__item i {
			line-height:2em;
			cursor:pointer;
			overflow:hidden;
			}
		.icons__item:hover {
			color:#3c90be;
			}
		.icons__item i {
			display:inline-block;
			width:32px;
			text-align:center;
			}
		.icons__item:hover i {
			-webkit-transform:scale(1.5);
			        transform:scale(1.5);
			}
		footer {
			margin-top:40px;
			font-size:14px;
			color:#999;
			}

		/* Generated by grunt-webfont */


@font-face {
	font-family:"social-logos";
	src:url("social-logos.eot?5d3b4da4f6c2460dd842dbf9e0992ea6");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"social-logos";
	src:url("social-logos.eot?5d3b4da4f6c2460dd842dbf9e0992ea6");
	src:url("social-logos.eot?5d3b4da4f6c2460dd842dbf9e0992ea6#iefix") format("embedded-opentype"),
		url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABtUAAsAAAAAKlgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAPQAAAFZAuk/9Y21hcAAAAXwAAAGWAAAEWDeg0QRnbHlmAAADFAAAFNMAAB686Rw5FWhlYWQAABfoAAAAKwAAADYWJB25aGhlYQAAGBQAAAAbAAAAJAQaAi9obXR4AAAYMAAAAA8AAAC4WgAAAGxvY2EAABhAAAAAXgAAAF607K3cbWF4cAAAGKAAAAAfAAAAIAFAAKBuYW1lAAAYwAAAATQAAAJGA4c4LHBvc3QAABn0AAABXgAAAg1QKrNaeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/Mo4gYGVgYOBnzGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHD4yflNmAnH1mCDCjCACAIwbCEIAAAB4nN3UzW7TQBTF8b9jJ6lLAbep3QABQtKGj6ZSF30ElogVS16gj+8rZxZsypmcqCzpuh79ItsZxTO+5wYYA6VspYLRlkJnFBvdLfb3S4739yv+6PqSpc6qvooyplHHPJaxGZphNrTD/a5LZapTkxZp/fAAfRHEWLMazVo9zmoTafxv1n+PQk/9xi13Gt81fjyOn/zi935oibzmTPNeMWFDzTWnnDPnghd84Ua/MdNu39LwgQWfeMOUE1rt7j3v+MiVnlNqb0fa4Yo1X7X3z7yk0wImT1jlcz9O8sdoe7i6ydU1vXn6A9WAvjRVg74y1YXAVCGiMNWKGJmqRpSm+ik5pkoSE1NNiampukRtqjPRmCpOnJpqT5yZUkDMLK8/zk3JIFojf99Z7o24MOWGmBv5OUtTloiVKVXE2pQv4tKUNOLKyGvfWH6jQ2PKIcPMcr8NrSmbDPemlLJrTXll15mSS8Jyz6aD3NdpZLm3U2lKuPrPlHXSxJR60tSUf9KRqRNIteX/idSYuoO0MPUJaW10fwHJHpItAAB4nHVZeYwlR3nvququ6rtf393vnPf6vdcz82bezDt77mOP2bXXe3p3vbZjWK+x8AGYgDly2F4wshyQcxBhK84dEyOxKJESFMgfwFog+CMCgZRdJRAlSoKMkkiJIiX5IyTjfNVvZ2fWkHk91VXV1XV89X2/7/dVC6IAf+hH6KawJZwWHhY+BKUGo5Of74XBoD/OwoD/st44Gw8XUDttr6Nh2ua/JG8b1NAGyjbQoF9FYeAzEyWN9miYjQe+x2gILaCctsdhFZpk4yCkbeiszaA2gz6rCFqgBtUahYpTtZ1iPD3ViUVZZLpMw4gQUSWUUKdQCuN+Y1ZFVFwVKSIlR3NUjHQWGLZbDqYx/s3msLe4/aF5URJ7H1q//zxlMhGRZwwRQcTwChUmUQWdRSIRFT0uNufjyI2ZJsmKRH2XKKJkyIb9eFIo2gWZulGPUsQQlWxXtnRqfkq3Ii+xtEKgFp4tWeb8DKG4UkuIOkMI6dlMwoqIRVa1HC5Wmsv279AfCbZQFqaFI8Ip4V5BcPtV7FFWRb5n4g6yw/54NOxCzg/7G3g0bENukOWCH3BJdvFwA4NoMUu8IMxA5ib2B202GCX+624t0B07Cq1i3XnuacujuiFnO3JBY4F7bOOrelAISFebrwfN2DSLTT9OIhX9GqNrqqfbqngBf/qJJ9AL1IrbJZklsVdxFESfsGxFp2RDIrKh+vZxpBeURtUqtjqtkuVMTQe6Jz2iyYZJXcsrCiRf59fQG0JJSIUB5Pl294Zd1EENE1WQV0WrqL+BQG3a6aAfeBQetIfjMOEpPIIa9LqvmqixXN+sLzfg9gLcrP/aUU1T5ckrLymmqfAEzRsqPIfHL05ul1Sra7omXF82XAMuPp2JXr8Bc9KFCGS/JQitvWH5gDCNMZd0g3pBZns0qYPG2sPxoN4PWP6AryBvAPMP4JXxCK3I9D4q58mjHaoolCf/Hju7N504dtCsE9+tUAM0bL6WTs3PT52bmr8B7XVZ3pYNGa6f228Zv8o74K3O84RPV87nfBNs0RVCkGVVaAhtYVaYh9rRAm43LLGGgv4mSUO2gHyWspCFaRZm8M9G+R3dJOSboi5+A9Re+hbPUPT1X9060zyzZXW7vws5Z3t7eyEvocNgSJ8g5OOYfVLjd0Z+dLkzunhx1GnUah+H7FSn0/n9SZFPjd2eny74wpSwICwJh4UzINlGFw03EFi/Z6IMLJ0F4QZi7TThMAKanIKVbwJwcCTwvSAFEIBm0DYI4UnWBYUJ86Y1NAaoGSJh5cry8pWnefLzhSBtFdXazLu1MtqeC7XeZusLZrG3yqiyfCQpRV44tTquNdPxc63aTLWgxBuN4DXFmeowSUznY6dzqyNIviwRSTq67m8+euh4OB8F7bW42HexVbApkZKNF4hkLvXdw1d6K4XI1IPosGEVHcNQJQCMLUG6tf5vgcYzQRMKoFkCYmnGQPQ1BOKHHckslPphNmJIeO7iM888c+m55y49c/Ei3C/euNR+9tk2eubU0XN/c+6uU6fuOnd05+xdp46+dldcPnGiHPPucT7GdXRdsIQ1yLUa1Le9YNCaWA+H1pQN+hyPOfJ2EMvGUAly5SCbtjcRF+i4xjcDfWx3t9hqFREuNZsDohhX1G2DyhhhUZGUE+ojIUaMierZkumJCCcYU41aj+smRl/wWkX+soeaxe8Xm/crFM1jLEuyiXEfIYBD6AUVmPa6KqkEI0RNmOxt/WhxL2ICwIE/GCWjwQgMq19DPncXFTRgic+BrovyfV441x+N5lqWbZUdha0pvf65heUr6MbylZXhg2vyZzYW0jmMR5pitTc+I689OIR3bmEOH0sTYrATwfVhxf5g4pf8XEC3SoTbeG7t8OKxtLV96OTle88sLh5bWXr4kc2gVpur1dCxYzDcyUPbrfSXjy0unrn38tOPPLy0snudP5yr7e3L36MnQfdho1xYHSwOMA1WMThY+FSlV6n0Vnrlcu/bFZ6u8DJ6sjLJ3JHc3u/fg3WUhA2OnLnftcHxgsVggB3YzRHYzphv/T4ahYGFJmULUY5bHNMY+sgPVV1WTYmp0nsJ2XFUiWDfofYCUsT7maqyE4whFbRlXZGlE0imfyaBOnCMUunuyy7lG/kc1mEo+sQDpdJTIlNkDTqTpJ7IRPYAQqjIAVC4ZQtcTye2YAFmCVkyWkWJPxjV/XoK9wz+v//qq2+++uruVXT11TfffPXkya2TJ9+8582TJ08e1Jfze/oCuzZeR5RvW0400h4whEEPqgH5uEw4ugCzaI/aWW4F4z5HkLAXMI8FnG2wgEsIyMht/Tq7zZhvGQoTCVVFERybBMgrEcM3TaLNBbVAxDKVNcuNl+Kiq4oMiUEt7JhM3jp7SxF3nvIxk5oiIbLEmKXCG6D1kkQlHyPqqpJbzOqRojmuSHXGbBEj19GUqJ4VXUkvr0gM+0/tcMW9vecTHJ2erPy2+pAJlMLaGDh6rriwZrAgWBs9iIqryWqjsZr0my2vAv5j27XIzkfJET7ZPbDbvdZY3Vlt1Jtud6sLjnrB1LOd/fH/Bb2c+2vBzTtPfurArQRIBuwi7Ong2kv49NbM0enpozMrszNRko7HpyKHnEdbnc7sbAdYi6Ftn50+cu7IdJqG2akscoIBPOp0YDhyYM1NYfEnVg1umY/8thWDAiU5fsAEDq7+kWa/vxPFxkyt1jFUsngWd3+jOFUqTRXvEMCN/vF+EBlgwIZq1FW5tbADbUolYU/3vgPzAeMG3Mg56p4Eco7FZzfocz1KkfBhGtXHyWoC12JjbfXelSsrcK09NJBQeqYe1ZO1Y2tJbTXLxx29c80Dz3DARqaEZWEH+PUlKPfDKgkDj5mE0UbaJWl7mG0QWHPDFL2q2N8Qh12RTTALyCBwbD+XDnCkbA/JkDCK/ZKrgj0i1S358RN3FkfjYVopYFyopMP37GfHMysr51bKflQstVrjVuuEwlmTiX77p/eyV0ze3s8ke3Xl7MrKdHnTC1/jnY1bX52wsAPci6NCWRhCqX7Lj9VhUfawTWBT071lhQnIuJ27hoTvNBg0t20ffXb3y3qhoKPjkO4uL1cMzyu57g+XRTotS8tjRI2COw3Prxf0/Za7f/6l2C27cH33fuDpphY88KUYULHodg7Y3jWYm/eT8wLnPaqja7uft+PYRhd5eu0auoiuxc5bQk7dIH3wsccW9znmdfQaMDcNOH5jwgbGA8Aq5tcwh7IWj5E4InHmBuUh+trT5w+LjD6N/vV9hQcVffetnwVQodIjokzRo1958T0Mr6DKL44VCGLkv24uYfU/RQ18LqX/g27r7RdBbw/lkRoHTe7rwEOkXdDVXHYTe85jqyE3Zt+rAeZDM48jKHiTPc0GhKQrc9Mdy44ZlhFR9Fqpmg4O9dt+Ecg/RBZ+VZTqlGDgk8zwqM1a/syhdvc0uhEGd3dq1SlNZDWRaA27OirY64vjoxVPC6drQRviI+2FoO3bwBSUoB5sGc78Pd25Y9MHcP/4Pu4Dc+HIzmfv5THlIFd/zhhytwB+bn+BOdHkQcaEXuYYkuPDiTVRigkJCoapSlh0C5V2P+2UY4UBTANQR/Vqfb65lpQHtUJZMiW/Ws9RJQf5w++JpoMnZE0PqnZcc5VCmHXavUqxbZRkQmII7npxsmo7U0vH1puWOggaSm7vBzH9OrD2BcgBpQXV4ioNQW/uu/qwRZsQJ2/CImAxDfBvoP5AG8EGKPpL0TN2X9M9kWCx0yTteX/WpXNN0uyI+KF3yZH8qGJHypkzSmQj9DnNNDXGrhY7J0q4rIgiUou4dKJTvCp/7LIsX1YiRz55UnaiPR3d8zUfFH79bcjLeMQedidEws8hL6NdsoHDLjZBTzZgJZR5VbyBu8TEYQ9awEbgPGw34eEGqkLDLt6ANUJfvXxjUu6AWYPv1wbKAOr4+7B9KWdlAH3oIJi32juRIodH7jkUikmynjh29chKqkTDY+9FnY0luzgeucXeHJILgV9QkFpwCyomxNF0RVaxxIyZSE47kTI9BHY0GjXFyngz9mJcHVZ9r1yqz75zdP9w4d6e3Dk2SxqHT58e24YyW15qpWb80EF/0URJVdMrjVpJbA9ASUSDJOs7O8Pyl6aGan0l86JBX69Fmm9R0XD8gopk0wa6hSTRsh1qkcZsqM3MV8Rm1vGshZV+RXKs+WJtUFOYrGa/Nbx/1L84FjHr33XfiZFRWj7TqnQ1NZ1eqk0trgq344s3wFvWgUPPCH3gVAMfvLA/iV3XASA51xtNCB9QabD11mCUhJxtDSfuc3z96lXkb8X2TTuGNMgzgR3vXr/J/7bckuOU3Gsdf4vD29Y1J+bhqDMLkdLs9at/Ybhu0XUPxqN/mkd628Ip4T7hsvC48CzUwlgQ32XhxB8BxrC0TTknZRPACcJcmyb+cwOlHOc53kvcwiHWa4dvixknsCXddnWT5kBqORwkPQhtOEMIBj2gB310o5ya/Z34SFiPooLhSicIRZXmdtF0vLKu4eF9j903RJpxZOLgdr/oGqpc1rRvLJxZWDjzDp58Ui3LmuHu/lh3nMi2P23HNlwxxsHCoo8lSgozMwXoVfQqZp2cLhRCGMvQbETIg8gt6GXPCKhMJzQMDD28Znh8sN8xXBqUlVeq/fV+NU9eKofUNQpdPkxsVyfjnScMBwFwSmzb+DauvwF22uDxNEvBg2e5bLk0bzMjLtUJA7gaO69g/LI75J53ch+6L2Puia85lxRdueS0R61WiSr32VBpX2IMnP6offtc6ia6AajFABds8CUfBR6YhWwR8Eoa9kYp6/urKPNMDMY8SENOjiBiy8LUB5Dmx1EhG6Q9DsUYDDoNR0E6ORrMd4n/DuJ3Tt9BhxuTU8OJggT8LPCvMP4DhD6FPosQ+WOnPhfVygRk4szctVQjCFm8qlrEInbdmbuzKRGq3re94MhGkJqyQkXKNGs9mSnVNCvZjKKOKatMpK4ZBnGjVyqibyIIrhA+Dt2/ht4dzjWcAmRr2d0ztgO9lmq8CvBInIIqx4WxS/aSqYkiiwpM0hgWdTVs2F47tDy5QD3DVSRDIZKhmmVFDbx9HjDB2JIwl8dxBzHWNcG1MdrloTlgZAZFAN5JmYMmF8neY16+Ex6niSbe835JxVT6hfMSCUWDdj4yoDosfeUTPSri3j07I9mUZHnt1IVlJiqFOzjwtyVCujGSNAWXh0QbU0JKZgEzQ8dOoSoa4wqlBSIXLOxQVpcKpnh7PZ8XAsCgVeEclNoN8A9e7sTAPC2U54Ysr27wHfUmHo4Tuf2WIdfVW43aw82DvQzRV6Ij0fNUt+nzeiPSr+oN/ZHoMHV4Uae2TqMj8fO0n6f67do+vaP9Iu8CrUSQwhvP61FD/5iuvys64lL6vGHwF/kz55fyVL9V16YHmy7ylw/68D8UKkKX7yEPtmmOurnVAXsbc9ANM1BsdquKQzNvwpAwnZmOeXzpNL9VZzM7O710HLKz6LPZ9IuKYSjrm9NZNv1JfpJZNozydPaFdV6xtsZr1o23x4att+sRBc+5gFhCwdIWCMTAIEegyQeURQblVug4wfmfOxYlpP5Aku/QiG9i8J5kZgpoPqFbDlA7Kl7ARLqFQT8PuFAFDKIJ5Qf94FxGScPnp3MQBuZccwA+HT1quoHKzp1bI6Lpz87qZlydDTr0JYZM1b668Ripxy1r9EIclS0HWfL+2iZxwexPiQny8ZJRfoC1CjEZBJ5BBpgH9vCZAwenLza9QhwZMobIZHERBbqskSK6fvAYdve7KHCjUzU5sFy83jwRIbEhKQc5+1fycwubn+XwEwt+WpEyG4KPbJCNLJQwWHYdXU4SuF4vXh6OTj2erF8enkZT6N7HHnvsezu7/zQcPv4f/7g+HP6vcBu/fwBxBY9tKRtnlPFjTQ5+wHtA6cNGmrtFAFTgSfyWA2AGOjRG34+KZbVY0etuc0jG76jrvuM708BGZEWZLy+uq+r6XfesjWqVGH1cI3bNooY1bKoQ+s743bauoalFSlCxgVooTZPVpTXNvVPeaz8pb+aB6vIYlM8DuDS4ly5aR8EAHHMGU+RsnJ+u5Iu5YweOA4s+n1DaKBViSdKoHai6qjNnVEWVGcs2AUVM9c4d+RWR1Lc9P0C+ayFMyjYENEFRC0rgav2yRRT+3cHak+M/oK9DzMzlCHICZU+4Q8wm+Jh/GBlDDRTQ35JLD2ympaYbSlW/UZsLBrohWY65hMVGwa7/zFH07u33f/j488f9UrXcwtKJc96RS2GbPUnw3pnEDbA1B7jxBUEAgMoPALhPAxoLpCPLGUceKuEkj1Qgkmq1F4D45l++eCY/dIWLzzPNAa6Wc2GI6tO5amX5yvLsqdWp5YeXxwsSnV1cPLNY6m8li2cXSqKDDERJVZWIqEuMBA2DUBlDwEQKItMgILR9NN0za64cUYw77+194OHlqbWTsysPLxfbYrRwdjHZ6pegx0GHbn8AE2yBMZsSwUo1kKhCRCxKqQLY5PYraDmgCsaWbeE7cMYRNie6cetkkX8ZyY+aOanxWO6zOfAw/gkv5Xy+7wdh/rUvzI/v4eZx9Sg3m+ULV/0n4L5hURUCGVepebGiOExiku0iCZynOYRgt0BUTYUwQKHoRrP8z+Xm1lZ+u1wbLlc1UVFqhweW42Mm956llEnO9tJlRr1e5cI0hJuWIOxz5ZvAZnTwuMf5/rV4MJgtwDrClEoTPsJDyjC3RDYAvwOxVsKP6xtpr9GGJ8F+3TgDimIhvtnkIDlFZLlYrtfw7trigzbatohMJMckpUOt3oWibniOJIlSsDNbVVX+ecHx4r0q10yxtTo3vL4P0P/2OUCrP1l6KPpxqxaXick01fBRVFqYRliW8XefPcdvKC98Z6v1pKJNNT9fvDTs7f73PoQL/8/5qwuQmQJgS/Bv37pDMAB/SODpW5CirbxilycH9OAVYPir3M9PGBqIroN4SDj5EAwZ0I4a5sEiV25+hpDb4ybmupKyUYi+h7EkKwbTyOoDw7UW0ZihyBJB3BGJkq3LOm08tf9AhOq3PoguyIojqyKsGCpg2aIqO4rsF4OpoOjbtsNrgQeiyTPFtiePPvLRdeH/AKeeOU4AeJxjYGRgYABiW9k+nXh+m68M3EwMIHCrN68YmWZ8zXgNSHEwgKUB+Z8JIAB4nGNgZGBgYgACPTDJwPiagZEBFegBABdZAU8AeJxjYGBgYBqCGAAhEABbAAAAAAAArgEiAWwBxgIWApYCyAMmA1wDlAPABBwEPgS6BPoFNAV8Ba4GKgZ4Bp4G2Ac6B6QH8AjGCQ4JxAn6CqILCguGC8gMBgw2DHgMpAzuDUgNfg38DlwO3A8AD14AAHicY2BkYGDQY5jCwMEAAkxAzAWEDAz/wXwGABxQAeEAeJx1kT9OwzAYxV/atIgWISQkxIYnFtT0z8DQkaHdO3RgS1MnTeXGUexW6sYxOAHHYOQInIJD8BK+oUKqIzs///LetwTADb4QoF4BrpqzXi1c8PbHbdKtcEh+EO6gjyfhLv2zcI/2RbjP5o4TgvCS5h5vwi1c4124Tf8hHJI/hTu4w7dwl/5HuIdlEAr38Ri8OpvksRkYm1m30NnexNWpOuWlrlxuCzWORqd6rgtdxV6v1eqo3CGbeJ+qtLI7NbOF18ZYVVZ2qxMfbbwvp8NhKj5K7A4OFglyxDAYcFtk3A4LaNKeJkZ1NnXOL9muWzlvBRTGiDA6m54zXTSNGJ7vNRsrHHk6HJiZ0HqkvKfMWP4VhVkzuU6bZpJC2Xzb0iT0ETZNq8QUQz7pv3zEFCf9AkQtapF4nG2Q13LcMAxFdZ0VpZXiOL333ux8EylCEkcUQbN4vfn6SN6dTB6CF5wLDOYCKE6KQ5TF/+MCJ7iFDUoIVKixRYMWt3GKOzjDXdzDfTzAQzzCYzzBUzzDc7zAS7zCa7zBW7zDe3zAR3zCZ3zBV3zDd/zAT5zjAr8KIWf5m12laJSuo1ZZHgYK59Km6shVx5o8uVoHo5SyVOnAXvF1Q1fkkgomUd3LjhTztOmJtOit6abQ9JxDvMwyUDmMHJMYTBqzagbmwdLqcXZEb3NcdfuPFgfeGheTHIKca2vcRNq4zSyNFfOCeT71xiUKFNM6v/2rhOduoqXA1mqp9b70YemJQFqbVMZx3SpOe09V9JxMv28Pq0a/nNLGlOfl1OzZ1Yksrf7NTe3mN+KAIu1M6sZ2Ten4tSOXV2YmrnejTFF63+6YO55nCh1tdxy0X5xieS3dIKs955QVFcUfQjyYFwAA") format("woff"),
		url("social-logos.ttf?5d3b4da4f6c2460dd842dbf9e0992ea6") format("truetype");
	font-weight:normal;
	font-style:normal;
}

.social-logo {
	font-family:"social-logos";
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


/* Icons */


.social-logo__amazon:before {
	content:"\f600";
}


.social-logo__behance:before {
	content:"\f101";
}


.social-logo__blogger-alt:before {
	content:"\f601";
}


.social-logo__blogger:before {
	content:"\f602";
}


.social-logo__codepen:before {
	content:"\f216";
}


.social-logo__dribbble:before {
	content:"\f201";
}


.social-logo__dropbox:before {
	content:"\f225";
}


.social-logo__eventbrite:before {
	content:"\f603";
}


.social-logo__facebook:before {
	content:"\f203";
}


.social-logo__feed:before {
	content:"\f413";
}


.social-logo__flickr:before {
	content:"\f211";
}


.social-logo__foursquare:before {
	content:"\f226";
}


.social-logo__ghost:before {
	content:"\f61c";
}


.social-logo__github:before {
	content:"\f200";
}


.social-logo__google-plus-alt:before {
	content:"\f218";
}


.social-logo__google-plus:before {
	content:"\f206";
}


.social-logo__instagram:before {
	content:"\f215";
}


.social-logo__linkedin:before {
	content:"\f207";
}


.social-logo__mail:before {
	content:"\f410";
}


.social-logo__medium:before {
	content:"\f623";
}


.social-logo__path-alt:before {
	content:"\f604";
}


.social-logo__path:before {
	content:"\f219";
}


.social-logo__pinterest-alt:before {
	content:"\f210";
}


.social-logo__pinterest:before {
	content:"\f209";
}


.social-logo__pocket:before {
	content:"\f224";
}


.social-logo__polldaddy:before {
	content:"\f217";
}


.social-logo__print:before {
	content:"\f469";
}


.social-logo__reddit:before {
	content:"\f222";
}


.social-logo__share:before {
	content:"\f415";
}


.social-logo__skype:before {
	content:"\f220";
}


.social-logo__spotify:before {
	content:"\f515";
}


.social-logo__squarespace:before {
	content:"\f605";
}


.social-logo__stumbleupon:before {
	content:"\f223";
}


.social-logo__telegram:before {
	content:"\f606";
}


.social-logo__tumblr-alt:before {
	content:"\f607";
}


.social-logo__tumblr:before {
	content:"\f214";
}


.social-logo__twitch:before {
	content:"\f516";
}


.social-logo__twitter-alt:before {
	content:"\f202";
}


.social-logo__twitter:before {
	content:"\f610";
}


.social-logo__vimeo:before {
	content:"\f212";
}


.social-logo__whatsapp:before {
	content:"\f608";
}


.social-logo__wordpress:before {
	content:"\f205";
}


.social-logo__xanga:before {
	content:"\f609";
}


.social-logo__youtube:before {
	content:"\f213";
}

		</style>
	</head>
	<body>
		<h1>social-logos</h1>

		<div class="icons" id="icons">

				<div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div>

				<div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div>

				<div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div>

				<div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div>

				<div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div>

				<div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div>

				<div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div>

				<div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div>

				<div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div>

				<div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div>

				<div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div>

				<div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div>

				<div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div>

				<div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div>

				<div class="icons__item" data-name="google-plus-alt"><i class="social-logo social-logo__google-plus-alt"></i> social-logo__google-plus-alt</div>

				<div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div>

				<div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div>

				<div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div>

				<div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div>

				<div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div>

				<div class="icons__item" data-name="path-alt"><i class="social-logo social-logo__path-alt"></i> social-logo__path-alt</div>

				<div class="icons__item" data-name="path"><i class="social-logo social-logo__path"></i> social-logo__path</div>

				<div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div>

				<div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div>

				<div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div>

				<div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div>

				<div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div>

				<div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div>

				<div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div>

				<div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div>

				<div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div>

				<div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div>

				<div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div>

				<div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div>

				<div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div>

				<div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div>

				<div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div>

				<div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div>

				<div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div>

				<div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div>

				<div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div>

				<div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div>

				<div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div>

				<div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div>

		</div>


		<h1>Usage</h1>
		<pre><code>&lt;i class=&quot;social-logo social-logo__<span id="name">name</span>&quot;&gt;&lt;/i&gt;</code></pre>


		<footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer>

		<script>
		(function() {
			document.getElementById('icons').onclick = function(e) {
				e = e || window.event;
				var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name');
				document.getElementById('name').innerHTML = name;

			}
		})();
		</script>
	</body>
</html>