body { background-color: white; font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; background-color: black; }
a { color: inherit; }

body { height: 100%; min-height: 100%; }
.center-block {
	top:50%;
	left: 50%;
	transform: translate3d(-50%,-50%, 0);
	position: absolute;
	text-align: center;
	margin-right: -50%;
}
.center-block-big {
	top: 0%;
	margin-top: 32px;
	left: 50%;
	position: absolute;
	text-align: center;
	margin-right: -50%;
	transform: translate3d(-50%,0%, 0);
}
h1 { font-size: 5em; margin-bottom: 0; line-height: 0.75em; }
h2 { margin-bottom: 1em; }
img { width: 6em; max-width: 100%; }
p { color: inherit; margin-bottom: 16px; }
a { text-decoration: none; color: inherit!important; }

.odibot { font-size: 2em; margin-top: 2em!important; }
.odibot .speech-bubble { font-size: 0.75em; transform: translate3d(1em,-50%,0) }

@media screen and (max-width: 700px) {

	.odibot { margin-top: 4em!important; }
	.center-block {
		left: 5%;
		transform: translate3d(0%,0%, 0);
		top: 0%;
		width: 90%;
	}
}