html, body {
	font-size: 16px;
	line-height: 1.3em;
	--font-color: #000;
	--light-font-color: #999;
}

* { box-sizing: border-box; }
img { border: 0; }
a, a:link { color: #0081b8; text-decoration: underline; }
.content.html:not(:first-of-type) table { border-left: 1px #999 solid; border-top: 1px #999 solid; background-color: #FFF; }
.content.html:not(:first-of-type) td { border-right: 1px #999 solid; border-bottom: 1px #999 solid; }
.displayb { display: block; }

.entirepage {
	margin: auto;
	padding: 35px 3% 5% 3%;
	width: 800px;
	max-width: 100%;
	background-color: #FFF;
	min-height: 100vh;
	box-sizing: border-box;
}
.subscribe .indent {
	margin-left: 3em;
}
.subscribe .message-bar {
	display: none;
}
.subscribe.is-success .css-hide-if-success {
	display: none;
}
.subscribe .indent > label {
	text-indent: -1.7em;
	margin: 1em 0;
}
.subscribe input, .subscribe select, .subscribe textarea {
	width: 100%;
	padding: 0.5em;
	border: 1px solid #0083a9;
	padding: 0.8em;
	font-size: 1rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.subscribe input[type=radio], .subscribe input[type=checkbox] {
	width: auto;
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0; 
}
.subscribe .button, .subscribe input[type=submit], .subscribe input[type=button], .subscribe button {
	width: 100%;
	font-size: 1rem;
	color: #FFF;
	background-color: #0083a9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .15s; 
	-moz-transition: all .15s; 
	-o-transition: all .15s; 
	transition: all .15s;
}
.subscribe .button:hover, .subscribe input[type=submit]:hover, .subscribe input[type=button]:hover, .subscribe button:hover {
	background-color: #3ea1be;
}

.inline-label {
	position: relative;
}
.inline-label input {
	position: relative;
	background-color: transparent;
	z-index: 1;
}
.inline-label input + label {
	position: absolute;
	color: var(--light-font-color);
	z-index: 0;
	left: 0;
	top: 0;
	padding: 0.8em;
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}
.inline-label input:focus + label, .inline-label input:not(:placeholder-shown) + label {
	font-size: 0.8em;
	color: var(--light-font-color);
	top: -0.8em;
	left: 9px;
	background-color: #FFF;
	z-index: 1;
	padding: 1px 5px;
}
.inline-label input:focus + label:after, .inline-label input:not(:placeholder-shown) + label:after {
  /*content: ":";*/
}

.message-bar {
	margin: 1.5em 0;
	padding: 0.6em 0.6em 0.6em 2.5em;
	background-color: #DDD;
}
.message-bar:empty {
	display: none;
}
.message-bar.success {
	color: green;
	background-color: rgba(0, 255, 0, 0.1);
}
.message-bar.failure {
	color: red;
	background-color: rgba(255, 0, 0, 0.1);
}
@media (max-width: 1400px)
{
	.entirepage {
		padding: 35px 5% 5% 5%;
	}
}