html {
	background-color: #e4f0fe
}
body {
	padding: 40px
}
div.body-narrow {
	min-width: 680px;
	max-width: 950px;
	margin: auto
}
div.main-frame {
	border: 10px solid #8ACFE6;
	border-radius: 20px;
	padding: 20px
}
div.header {
	border: none;
	padding: 5px;
	background-color: #8ACFE6;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 10px
}
div.header-logo {
	margin: auto;
	background-color: white
}
h1 {
	font-size: 167%
}
.inputErrorState {
	border-style: solid;
	border-color: red
}
textarea.json {
	display: none
}
textarea.data {
	display: none
}

@media (min-width: 300px) and (max-width: 700px) {
	
	
	div.body-narrow {
		min-width:inherit;
	max-width: inherit;
	width:100% !important;
}
	
}