
html { 
	/* src = http://css-tricks.com/perfect-full-page-background-image/ */
	background: url(../img/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 62.5% } /* 1em equals 10px */

body {
	color: #fff;
	font-family: 'Droid Serif', serif;
	font-size: 14px; /* fallback */
	font-size: 1.4rem; /* =14px */
	margin: 0;
	padding: 0 }

.site-header {
	display: none }

.site-content {
	margin: 0 auto;
	min-width: 320px;
	width: 90% }

.site-footer {
	margin-top: 5em;
	text-align: center;
	width: 100% }

.site-info a {
	background: transparent url(../img/comodo-creative.svg) no-repeat 50% 50%;
	display: block;
	min-height: 150px;
	text-indent:-9999em }

p.msg {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4em;
	margin: 2em auto 1em;
	max-width: 520px;
	padding: 0 0.5em;
	text-align: center;
	width: 90% }

a {
	color: #fff }
	
ul {
	margin: 0 0 4em calc(50% - 150px);
	width: 300px }

li {
	color: #0081c7;
	padding-bottom: 1em }

li span {
	color: #fff }
	
.frm-subscribe {
	margin: 0 auto;
	max-width: 480px;
	width: 90% }

.frm-subscribe label {
	display: block;
	padding-left: 2rem }

.frm-subscribe .fld {
	position: relative }
	
.frm-subscribe input,
.frm-subscribe button {
	border: 2px solid #0081c7;
	-moz-border-radius: 4rem;
	border-radius: 4rem;
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1.3em 2rem; }
	
.frm-subscribe input {
	width: calc( 100% - 4.4rem ) }
	
.frm-subscribe input:focus {
	outline: none }
	
.frm-subscribe button {
	background: #0081c7;
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0 }
	
.frm-subscribe small {
	display: block;
	font-size: 75%;
	padding: 0.4rem 0 0 2rem }