body{background:#000}.bg{height:100%;position:absolute;text-align:center;width:100%}
	.ios .bg{background:url(http://static.tumblr.com/hycjfgl/Utvnm5020/v.gif) center center no-repeat;background-size:cover}
	.ios .bg video{display:none}
.bg video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100}
#ttl{position:absolute;z-index:0;height:100%;width:100%;

display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display:-moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display:-ms-flexbox; /* TWEENER - IE 10 */
display:-webkit-flex;
display:flex;
 
-webkit-box-align:center;
-webkit-flex-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;

-webkit-box-pack:center; 
-moz-box-pack:center; 
-ms-flex-pack:center; 
-webkit-justify-content:center;
justify-content:center;

-webkit-box-orient:vertical;
-moz-box-orient:vertical;
-webkit-box-direction:normal;
-moz-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
h1{color:#fff;font-family:'Cardo',Georgia,serif;font-size:2.5em;font-weight:700;letter-spacing:-1px;
-webkit-align-self:center;
align-self:center;
-webkit-align-content:center;
align-content:center;
}

a{color:#fff}
.adr,#info,.soc{color:#fff;display:block;font-family:'Source Code Pro','Courier New',Courier,monospace;font-size:.9em;position:absolute;top:1.5em;text-transform:uppercase}
.adr{margin-top:0;text-align:center;width:100%}
#info{bottom:2.5em;top:auto;cursor:pointer;right:1.5em}

.adr a,.soc a{text-decoration:none}
.adr span,.soc span{border-bottom:1px solid #fff}
.adr span:hover,.soc span:hover,.soc a:hover{border-color:transparent;text-decoration:line-through}

#inf{background:#00f;/*DBFE32*/color:#fff;/*221D19*/display:none;height:100%;position:absolute;text-align:center;overflow:hidden;width:100%;z-index:2}
#inf.active{display:block}

#txt{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;margin-top:-6em;position:absolute;top:50%;width:100%;}

#inf p{font-family:'Cardo',Georgia,serif;font-size:1em;letter-spacing:-1px;line-height:1.35em;white-space:nowrap}
#inf p:nth-child(n+2){float:left}
#inf p:nth-child(2){width:30%;margin-left:5%}
#inf p:nth-child(3){width:30%}
#inf p:nth-child(4){width:30%;margin-right:5%}

.soc{bottom:1.5em;left:1.5em;text-align:left;top:auto}

#esc{display:block;position:absolute;right:0;cursor:pointer;white-space:nowrap;font-family:'Source Code Pro','Courier New',Courier,monospace;font-size:14px;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-o-transform-origin:0% 100%;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);right:-1.5em;top:.5em}

@media only screen and (max-width: 40em){
	.adr{top:0}
	#info{bottom:1em}
	#txt{margin-top:-11em}
	#inf p:first-child{font-size:1.4em;white-space:normal;margin-bottom:0}
	#inf p:first-child br{display:none}
}
@media only screen and (min-width:40.063em) and (max-width:64em){
	h1{font-size:5em}
	.adr{left:1.5em;text-align:left;z-index:3;width:auto}
	#info{bottom:auto;top:1.5em}
	#txt{margin-top:-9.5em}
	#inf p{font-size:2em}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em){#inf p{font-size:2.5em}} 
@media only screen and (min-width:64.063em){
	h1{font-size:7em}
	.adr{left:1.5em;text-align:left;z-index:3;width:auto}
	#info{bottom:auto;top:1.5em}
	#txt{margin-top:-16em}
}
@media only screen and (min-width: 90.063em){#inf p{font-size:3em}}