body {
	background-color: #EEE;
	background:#EEE;
	color: #222;
}

.pheader {
	position:fixed;
	top:0px;
 	margin: auto;
	z-index:99;
	width:100%;
	background-color: #EEE;
	height:4em;
	font-size: 1em;
	font-family:'Roboto Condensed', sans-serif;
}

.ptitle {
	display: inline-block;
	position: absolute;
	bottom: 0.25em;
	left: 0px;
}

.ptitle .firstline {
	font-size: 2em;
	color: #222;
}

.ptitle .secondline {
	font-size: 1em;
	color: #777;
	margin-left: 0.1em;
}

.pmenu {
	display: inline-block;
	position: absolute;
	bottom: 0.25em;
	right: 0.75em;
	font-size: 1em;
}

.pmenu a {
	color: #777;
	text-decoration: none;
	margin-left: 0.4em;
	margin-right: 0.4em;
}

.pcontent {
	font-size: 1.25em;
	font-family:'Roboto Condensed', sans-serif;
	margin: 4em 0 0 1em;
}

.pcontent img {
	height: 1em;
	width: 1em;
}

.pcontent a {
	color: #555;
	text-decoration: none;
	margin-left: 0.4em;
	margin-right: 0.4em;
}

.blank {
	height: 4em;
}

@media screen and (max-width: 60em) {
.pheader {
	height:3.5em;
}

.ptitle .firstline {
	font-size: 1.5em;
}

.ptitle .secondline {
	font-size: 0.75em;
	margin-left: 0.1em;
}

.pmenu {
	font-size: 0.75em;
}

.blank {
	height: 3.5em;
}
}

@media screen and (max-width: 40em) {
.pheader {
  height: 4.5em;
  text-align: center;
}

.ptitle {
	display: block;
	position: relative;
	margin-top: 0.25em;
}

.pmenu {
	display: block;
	position: relative;
	margin-top: 0.25em;
}

.blank {
	height: 4.5em;
}
}