HTML, BODY { width:100%; height:100%; margin:0; padding:0; }
BODY {
	background: #3e6e9a;
	background: -webkit-linear-gradient(to right, #3e6e9a, #27425e);
	background: linear-gradient(to right, #3e6e9a, #27425e);

	font-size:14pt;
}

* { box-sizing:border-box; font-family: 'PT Sans', sans-serif; }

HEADER { display:flex; padding:15px 25px; align-items:flex-start; justify-content:space-between; align-content:center; background:#fff; }

H1 { margin:0 0 25px 0; color:#666; }
H2 { color:#fff; }

H1 > SMALL { display:block; font-size:0.35em; font-weight:normal; color:#3e6e9a; }
H1 > SMALL > EM { font-size:0.8em; font-style:normal; color:#666; }
H1 > SMALL > EM > A { color:#333; text-decoration:none; }
H1 > SMALL > EM > A:hover { text-decoration:underline; }

.wrapper { padding:10px 25px; }