@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=5711042c-dbfd-4b73-8309-bdc6a2357004");
@font-face{
font-family:"FrutigerNext";
font-weight: 100;
src:url("Fonts/45bbdb72-6d9f-482e-bb7e-2a790b39ddc7.eot?#iefix");
src:url("Fonts/45bbdb72-6d9f-482e-bb7e-2a790b39ddc7.eot?#iefix") format("eot"),url("Fonts/a873313b-4963-4ac2-8d9d-f4639e57cf57.woff") format("woff"),url("Fonts/0493534e-14e6-46f8-ac9f-2b671368a12f.ttf") format("truetype"),url("Fonts/338dbcb4-e3b3-4fdf-9ce2-328fa41ca621.svg#338dbcb4-e3b3-4fdf-9ce2-328fa41ca621") format("svg");
}
@font-face{
font-family:"FrutigerNext";
font-weight: 200;
src:url("Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix");
src:url("Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"),url("Fonts/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"),url("Fonts/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"),url("Fonts/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg");
}
@font-face{
font-family:"FrutigerNext";
font-weight: normal;
src:url("Fonts/4cef6d85-d22a-4541-b469-da13751862aa.eot?#iefix");
src:url("Fonts/4cef6d85-d22a-4541-b469-da13751862aa.eot?#iefix") format("eot"),url("Fonts/d74de079-587d-4049-9cca-50ba02a536f9.woff") format("woff"),url("Fonts/07749504-e72d-4fc9-a58d-5b853dd51fc7.ttf") format("truetype"),url("Fonts/8178e4eb-8ce0-4c15-a701-4a102b204c0e.svg#8178e4eb-8ce0-4c15-a701-4a102b204c0e") format("svg");
}
@font-face{
font-family:"FrutigerNext";
font-weight: bold;
src:url("Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix");
src:url("Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"),url("Fonts/c9372d3f-1898-4ecb-9e3f-59155488dfc9.woff") format("woff"),url("Fonts/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"),url("Fonts/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg");
}
@font-face{
font-family:"FrutigerNextBlackCn";
src:url("Fonts/4a502773-4fae-496e-8e78-016a89bb9719.eot?#iefix");
src:url("Fonts/4a502773-4fae-496e-8e78-016a89bb9719.eot?#iefix") format("eot"),url("Fonts/d0daed3d-8549-440a-b2ff-dede283eae8b.woff") format("woff"),url("Fonts/ee983de3-9aaf-49c4-aef1-1039d9bc549e.ttf") format("truetype"),url("Fonts/afb5f3e5-4ec5-461a-9bdb-51992f1d672e.svg#afb5f3e5-4ec5-461a-9bdb-51992f1d672e") format("svg");
}

* { box-sizing: border-box; }
a:link, a:visited { color: #FC0D1B; text-decoration: none; }
a:hover, a:active { color: black; }
.no-break { display: inline-block; }
body { 	margin: 0; }

#wrapper { height: 100%; width: 100%; font-family: FrutigerNext; position: relative; margin: 0 auto; }

#lse-viz-header { height: 50px; width: 100%; background: #eee; position: fixed; top: 0; left: 0; box-shadow: 0 3px 3px rgba(0,0,0,0.15); }
#lse-logo { position: absolute; left: 0; top: 0; height: 50px; width: 50px; background: url(images/lse-logo-150.gif) no-repeat; background-size: 50px 50px; }
#project-title { position: absolute; left: 70px; top: 15px; font-family: FrutigerNext; font-size: 18px; }

#series-info { position: absolute; right: 9px; top: 9px; text-align: right; color: #777; }
#series-title { font-size: 13px; font-family: FrutigerNextBlackCn; color: black; }
#series-title:hover { color: #aaa; }
.series-small { font-size: 12px; line-height: 9px; }

#landing-body { text-align: center; padding: 20px; }
#landing-body h1 { margin: 120px 0 40px; font-size: 150px; font-family: FrutigerNextBlackCn; opacity: 0; }
#landing-body p { font-size: 24px; }
#projects { text-align: center; margin-top: 80px; }
.project-group { display: inline-block; vertical-align: top; margin: 10px 0; }
.project { display: inline-block; width: 100px; height: 100px; background: #333; vertical-align: top; padding: 20px; margin: 0 10px; cursor: pointer; }
.project:hover { background: #FC0D1B; }
.project { color: white; }

@media screen and (max-width: 600px) {
	#landing-body h1 { margin-top: 100px 0 30px; font-size: 110px; }
	#landing-body p { font-size: 22px; }
}

@media screen and (max-width: 400px) {
	#landing-body h1 { margin: 70px 0 15px; font-size: 80px; }
	#landing-body p { font-size: 20px; }
	#projects { margin-top: 40px; }
}