﻿html {
	font-size: 10px;
	font-family: PT sans, sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */

}

body, html {

	background-color: #FFF;
	color: #171514;
	line-height: 2em;
	height: 100%;
	display: grid;
	overflow: hidden;
	margin: 0

}
body.dark{
	background-color: #000000;
	color: #FFF;
}
.content{
	margin: auto;
	text-align: center;
	padding: 0.5em;

}
img {
	display: none;
}
@media(min-height: 250px){
	img {
		display: inline;
		width: 100%;
		height: 100%;
		max-width: 205px;
		object-fit: contain;
	}
}
@media(min-width: 300px) and (min-height: 300px){
	.content{
		font-size: 1.6em;
	}
	img {

	}
}

@media(min-width: 200px){
	img{
		font-size: 1.6em;
	}
}
a{
	color: #056fbf
}
body.dark a{
	color: #056fbf;
}
.helplinks{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 1.0rem;

}
.helplinks span{
	margin: 0 1em;
}