.overlay {

	display:  none; 		/* inital state */
	position: relative;  	/* don't change this! (should be 'relative') */
	
	top: 0px;
	left: 0px;
	min-height:	100%;
	min-width: 	100vw;

	background-color: rgba(0, 0, 0, 1);
	
	z-index: 2000;
	
	overflow: scroll;
	overflow-scrolling: touch; /* for nice iOS bounce scrolling*/
}

.overlay-content {
	position: absolute; /* don't change this! (should be 'absolute') */
	left: 0;
	right: 0; /* ensure we are as wide as parent */
}

.overlay-text-content{

	position: absolute; /* don't change this! (should be 'absolute') */
	left: 0;
	right: 0; /* ensure we are as wide as parent */

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 200;
	font-size: 20px;
	text-align: left;
	color: #aaa;

	padding-top: 40px;
	padding-bottom: 10vh;

	margin-top: 5px;
	margin-right: 1em;
	margin-left: 1em;
	max-width: 20em;

	line-height: 33px;
}

.overlay-text-content h2 {
	display: none;
}

.overlay-text-content p, h2 {
}

.overlay-text-content b {
	display: block;
	margin-top: -10px;
	margin-bottom: -10px;
}

.overlay-text-content a {

	display: inline-block;
	transition: 0.1s ease-in-out;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}

.overlay-text-content a.no-touch:hover {
    text-decoration: underline;
}

.overlay-text-content a:active {
	background-color: rgba(255, 255, 255, 0.33);
}

.social-list li  {
	display: inline-block;
    position: relative;
    left:  -0.5em;
}

.social-list li:not(:last-child):after {
	padding-left: 0;
	padding-right: 0;
	content: "|";
	color: rgba(255, 255, 255, 0.33);
}

.social-list li a  {
    padding-left:  0.5em;
    padding-right:  0.5em;
}

.social-list li:not(:last-child):after {