input,button{
	font-family: 'Merriweather',serif;
	font-size: 1.5em
}
input[type=text],input[type=number]{
	border: 1px solid #000;
	border-radius: 4px
}
input{
	background: #fff;
	width: 95%;
	color: #0d638f
}
.column{
	float: left;
	height: 4em
}
.left{
	width: 35%
}
.right {
	width: 35%
}
/* Clear floats after the columns */
.row:after{
	content: "";
	display: table;
	clear: both
}
.button{
	width: 250px;margin: 0 auto;display: block; cursor: pointer
}
ul{
	list-style: disc outside url("../images/bluedot.png");
	margin-left: 1.5em
}
ul li{
	padding-left: .8em
}
/* Responsive layout */
@media screen and (max-width: 1150px) {
	input{
		width: 300px
	}
	.button{
		width: 150px
	}
}
@media screen and (max-width: 1050px) {
	.maintext h2{
		font-size: 1.2em
	}
		.maintext h3{
		font-size: 1em
	}
	.button{
		width: 120px
	}
}
@media screen and (max-width: 900px) {
	.left{
		width: 100%;
	height: 2.2em
	}
	.right{
		width: 30%
	}
	input{
		width: 350px
	}
	.button{
		width: 120px
	}
}
@media screen and (max-width: 480px) {
	.column{
		width: calc(100% - 0.8em)
	}
	input{
		width: 100%
	}
}

input.button{
	font-family: 'Merriweather',serif;
	font-weight: 300;
	color: #0d638f;
	border: 1px solid #0d638f;
	border-radius: 4px;
	background: #c6d4e5;
	font-size: 1.5em;
	min-width: 150px;
	padding: 8px;
	text-decoration: none
}