div.leftbox{

	width: 100%;
	max-width: 393px;
	text-align: left;
	display: table-cell;
	font-size: 1em;

}

div.rightbox{

	width: 100%;
	max-width: 393px;
	text-align: right;
	font-size: 1em;

}

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

	div.leftbox{

		column-span: all;
		max-width: 100%;
		text-align: center;
		display: initial;
		padding-top: .5em;
		padding-bottom: .5em;

	}

	div.rightbox{

		column-span: all;
		max-width: 100%;
		text-align: center;
		padding-top: .5em;
		padding-bottom: .5em;

	}

}

span.online{

	color: #22AA22;

}

span.offline{

	background-color: #FF0000;
	color: #FFFFFF;
	animation: blinking 2s infinite;

}

@keyframes blinking{

	0% { color: #FFFFFF }
	49% { color: #FFFFFF }
	50% { color: transparent }
	99% { color: transparent }

}