*, body, html{
	margin:0;
	padding:0;
	outline: none !important;
}

html, body{
	overflow: hidden;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

html{
	background: #111;
}

body{
	background: #111;
	color: #fafafa;
	font-family: 'Helvetica Neue Web', 'gill sans mt','gill sans','segoe ui',segoe,'century gothic','urw gothic l','trebuchet ms',trebuchet,helvetica,arial,sans-serif;
	font-size: 4vw;
	font-weight: 300;
	text-align: center;
}

#_-wrapper--main{
	width:70%;
	margin:0 auto;
}

._-text{
	display:none;
}

[data-page]{
	display:table;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:3% 0;
	box-sizing: border-box;
}

[data-page-wrapper]{
	display:table-cell;
	width:100%;
	height:100%;
	text-align: center;
	vertical-align: middle;
}

[data-neighborhood-name]{
	font-size: 4em;
	font-weight: bold;
	line-height: .75em;
	text-transform: uppercase;
}

[data-neighborhood-borough]{
	text-transform: uppercase;
}

[data-neighborhood-coords]{
	display:none;
	margin-top:.5em;
	text-transform: uppercase;
}

[data-neighborhood-coords][data-loading]{
	display:none;
}

[data-neighborhood-trains]{
	/*margin-top:.5em;*/
	font-size:.85em;
}

[data-neighborhood-trains] > p{
	margin: .25em 0;
}

[data-neighborhood-trains] [data-train-bearing-arrow]{
	display:inline-block;
}

[data-neighborhood-trains] [data-train-bearing-arrow][data-transform]{
	transform: rotate(attr(data-transform deg));
}

[data-train-badge]{
	display: inline-block;
	vertical-align: middle;
	margin-right:.25em;
}

[data-train-badge] [data-train-badge-text]{
	display:none;
}

[data-train-badge] [data-train-badge-img],
[data-train-badge] [data-train-station-title]{
	display: inline-block;
	vertical-align: middle;
}

[data-train-badge] [data-train-badge-img]{
	width:1em;
}

[data-neighborhood-trains] [data-train-station-entrance]{
	font-size:.65em;
}

[data-compass]{
	position:relative;
	margin: 1em auto;
}

[data-compass="full"] [data-compass-face]{
	position:fixed; 
	margin:0;
	top:185%;
	right:0;
	left:0;
	bottom:0;
	transition: all .25s ease-in-out;
	transform: scale(1.5);
}

[data-compass="full"] [data-compass-data]{
	display:flex;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	flex-direction:column;
	align-items: center;
	justify-content: center;
}

[data-compass="full"] [data-compass-data] h1{
	margin:0 auto;
	font-size:5em;
	font-weight:100;
	line-height: .75em;
}

[data-compass="full"] [data-compass-data] h2{
	margin:0 auto;
	font-weight:300;
	line-height: 1em;
}

[data-compass] [data-compass-lines]{
	display:block;
	margin:0 auto;
	padding:0;
	list-style: none;

	/* account for construction bias (rotated 90deg clockwise) */
	transform-origin: center;
	transform: rotate(-90deg);
}

[data-compass] [data-compass-lines] [data-compass-line]{
	display:table;
	position:absolute;
	width:100%;
	text-align: center;
	transform-origin: center;
}

[data-compass] [data-compass-lines] [data-compass-line] > *{
	display:table-cell;
	height:100%;
	vertical-align: middle;
}

[data-compass] [data-compass-lines] [data-compass-line-num]{
	width:5%;
	font-size:.5em;
	margin:0 auto;
	transform: rotate(90deg);
}

[data-compass] [data-compass-lines] [data-compass-line-border]{
	width:95%;
}

[data-compass] [data-compass-lines] [data-compass-line-border] [data-compass-line-border-line]{
	height:1px;
	background:#fff;
}

/*
[data-train-badge][data-train-badge-text]{
	display:inline-block;
	margin:0 .125em;
	font-weight: 900;
	background: #fafafa;
	border-radius: 50%;
	color:#111;
}

[data-train-badge][data-train-badge-text]:before,
[data-train-badge][data-train-badge-text]:after{
    content:'\200B';
    display:inline-block;
    line-height:0px;

    padding-top:50%;
    padding-bottom:50%;
}

[data-train-badge][data-train-badge-text]:before{
    padding-left:.25em;
}
[data-train-badge][data-train-badge-text]:after{
    padding-right:.25em;
}*/
/*
[data-train-badge][data-train-express]{
	margin: 0 .4em 0 .25em;
	border-radius: 0;
	transform: rotate(45deg);
}

[data-train-badge][data-train-express] [data-train-text]{
	display:inline-block;
	transform: rotate(-45deg);
}*/

/*[data-train-badge][data-train-express]{
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-bottom-color: red;
	position: relative;
	top: -50px;
}
[data-train-badge][data-train-express]:after{
	content: '';
	position: absolute;
	left: -50px;
	top: 50px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: red;
}*/

.top-border{
	position:fixed;
	top:5%;
	right:0;
	height:2%;
	left:0;
	background: #fafafa;
}