/* GENERICS */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:15px}

html,body{
	font-family: ff-ernestine-pro, serif;
	font-weight: 300;
	font-size:15px;
	line-height:1.5;
}

a{
	background-color:transparent;
	color:inherit;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

h5{
	font-size:18px;
	font-weight:600;
	margin:10px 0;
	color: #fff;
	text-shadow: 0 0 35px #000;
}

img{
	vertical-align:middle;
	max-width: 100%;
	height: auto;
}


/* HEADER AND LAYOUT */
.w3-content{
	max-width:700px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.w3-content p{
	max-width:500px;
	margin: 1em auto;
}

.w3-bottom-padder{
	padding-bottom:50px;
}

.w3-header-title{
	letter-spacing:4px;
	position:absolute;
	top: 220px;
	left:50%;
	margin: 0 auto;
	border:1px solid #fff;
	padding:12px 24px;
	text-align:center;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	white-space: nowrap;
}

p.photocredit { font-size: 10px; }
span.subline { font-style: italic; font-size: 12px; }

@media (max-width:480px){
	.w3-header-title{
		top: 114px;
		border: none;
	}
}


/* RESPONSIVE CLASSES */

.bigshow { display:inline; }
.smallshow { display:none; }

@media (max-width:480px){
	.bigshow { display:none; }
	.smallshow { display:inline; }
}