@import url(https://fonts.googleapis.com/css?family=Asap:wght@400;700|Crete+Round|Sacramento);
body {
	background: url('/images/bricks.jpg');
	font-family: Asap;
}
#bigBox {
	background: #FFF url(/images/fireman.jpg) 60px 115px no-repeat;
	background-size: 200px;
	width: 830px;
	min-height: 640px;
	margin: 1.5% auto 0 auto;
	border: 1px solid #3a4666;
	border-radius: 20px;
	padding: 10px;
	box-shadow: 0px 3px 16px 3px #666;
}
.hidden {
	display: none;
}
.center {
	text-align: center;
	margin: 0 auto;
}
header {
	margin: 0 auto;
}
header h1 {
	margin: 4px auto 0;
	border-bottom: 2px solid #ccc;
	text-align: center;
	font-size: 55px;
	color: #3a4666;
	font-family: 'Crete Round';
	padding-bottom: 18px;
	font-weight: normal;
}
#rightSide {
	box-shadow: 0px 0px 10px 0px #666 inset;
	width: 490px;
	height: auto;
	float: right;
	margin: 16px 6px 6px;
	border-radius: 20px;
	padding: 36px;
	background: #e3f1f9;
	color: #545350;
}
#rightSide h1 {
	text-align: center;
	font-weight: normal;
	font-size: 40px;
	margin: -10px 0px 15px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 2px solid white;
}
#rightSide h4 {
	margin-top: -10px;
}
/*#externalLinks {*/
/*	float: right;*/
/*	height: auto;*/
/*	margin: 60px auto;*/
/*	padding: 36px 30px;*/
/*	text-align: center;*/
/*	width: 490px;*/
/*}*/
.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: block; /* 2 */
}

.clearfix:after {
    clear: both;
}
#response input[type="text"], #response input[type="tel"], #response input[type="email"] {
    width: 190px;
}
input.error {
	border:3px solid #B00;
	background-image: -webkit-linear-gradient(top, #fae5e5, #FFF 20px);
	background-image:    -moz-linear-gradient(top, #fae5e5, #FFF 20px);
	background-image:     -ms-linear-gradient(top, #fae5e5, #FFF 20px);
	background-image:      -o-linear-gradient(top, #fae5e5, #FFF 20px);
	background-image:         linear-gradient(top, #fae5e5, #FFF 20px);
}
label.error {
	font-size:.95em;
	padding:7px 1px;
	color:#B00;
	width:auto;
	float:none;
}
#eSign {
	width: 255px;
	font-family: 'Sacramento', cursive;
	font-size: 30px;
	box-shadow: none;
	border: none;
	background: #FFF url(/images/esign.png) 0 15px no-repeat;
	padding-left: 25px;
    position: absolute;
	left: 20px;
    bottom: 8px;
}
#signature {
	font-family: 'Sacramento', cursive;
	font-size: 22px;
	line-height: 45px;
	margin-right: 10px;
}
#responded h1,
#success h1 {
	color: rgba(0,128,0,0.83);
}
#mail h1 {
	color: rgba(255,0,0,0.83);
}
#mail h2 {
	color: #3259a0;
}
ul {
	list-style-type: none;
	margin-left: -40px;
}
ul li {
	line-height: 1.7em;
}
ul.sub-checks {
	display: none;
	margin-left: 0;
}
p {
	line-height: 1.3em;
	text-align: justify;
}
.clear {
	clear: both;
}
footer p {
	color: #000;
	text-align: center;
	font-size: 12px;
}

@media only screen
and (max-device-width: 480px) {
	body {
		background: #eee;
	}

	#bigBox {
		background: none;
		border: none;
		width: inherit;
		height: inherit;
		box-shadow: none;
		padding: 0;
		margin: 0 auto;
	}

	header h1 {
		font-size: 1.6em;
		border-bottom: none;
	}

	#rightSide {
		position: static;
		width: auto;
		height: auto;
		top: auto;
		left: auto;
		padding: 30px;
		border-radius: 7px;
	}

	#rightSide h1 {
		font-size: 1.6em;
	}
	#rightSide h4 {
		font-size: 1.1em;
	}
	#eSign {
		width: 230px;
	}
	#verify .btn-secondary {
		display: none;
	}
	footer {
		display: none;
	}
}