html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body{
    font-size: 10pt;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    margin: 0;
    background-color: rgba(213,170,170,0.3);
}

p{
	color: rgba(213,170,170,1);
}

a{
	font-size: 20pt;
}

a.left{
	float: left;
	bottom:5px;
	left: 5px;
	
}

a.right{
	float: right;
	bottom:5px;
	right: 5px;
}

.overlay > h1{
	color: white;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    font-size: calc(3em + 1.6vh);
	padding: 5px;
    position: fixed; 
    top: 15vh;
    left: 5vw;
    right: 0;
    height: 50px;
}

.footer >p{
	float: right;
    font-size: 10pt;
    font-family: helvetica;
    bottom:5px;
	left: 5px;
	color: #aaa;
} 

#placeholder2 {
	height:100vh;
}