@charset "UTF-8";
/* CSS Document */

/*

Added Google Fonts:

font-family: 'Holtwood One SC', serif;
font-family: 'Roboto', sans-serif;

*/
body {
	height:100%;
	width:100%;
	background-image:url("images/background.svg");
	background-position:center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#ff6600;
}
#formBox {
	width:80%;
	height:95%;
	background-color:#FFF;
	border-radius:25px;
	box-shadow:#000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#wrapper {
	margin-top:0;
	width:68%;
	height:100%;	
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
#wrapper2 {
	margin-top:0;
	width:68%;
	height:100%;	
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
}
h1 {
	font-family: 'Holtwood One SC', serif;
	font-size:3em;
	color:#ff6600;
	text-align:center;	
}
input {
	display:inline-block;
	width:75%;
	max-width:250px;
	height:20px;
	border-radius:25px;
	margin-bottom:1%;
	margin-top:1%;
	border:solid 2pt #999999;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	padding-left:10px;
}
input:focus {
	outline:none !important;
}
select {
	box-sizing:content-box;
	background-image:url("images/select.svg");
	background-size:95%;
	background-position:right;
	background-repeat:no-repeat;
	display:inline-block;
	width:75%;
	max-width:250px;
	height:23px;
	border-radius:25px;
	margin-bottom:1%;
	margin-top:1%;
	border:solid 2pt #999999;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	padding-left:10px;
	-webkit-appearance:none;
}
select:focus {
	outline:none !important;
}
#message {
	display:inline-block;
	width:75%;
	height:300px;
	border-radius:25px;
	margin-bottom:1%;
	margin-top:1%;
	border:solid 2pt #999999;
	padding:10px;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
}
#message:focus {
	outline:none !important;
}
#submitButton {
	width: 150px;
	left:100px;
}
.blankCheck {
	background-color:#F00;
}
#submitCheck {
	width:80%;
	margin:auto;
	color:#F00;
	font-family: 'Roboto', sans-serif;
	font-size:2em;
	text-align:center;
}
#imageDiv {
	margin-top:0;	
	display:inline-block;
	width:30%;
	height:100%;	
}
#imageDiv img {
	width:100%;
	height:auto;
	margin-top:0;

}
#radioButtons {
	display:inline-block;
	max-width:60%;
}
label {
	margin-left:0px;
}
input[type='radio'] {
	margin:0;
	width:15px;
}
#submitButton {
	color:#FFF;	
}


@media screen and (max-width: 1024px) {
	#imageDiv {
		display:block;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	#wrapper {
		display:block;
		width:80%;	
	}
	#wrapper2 {
		display:block;
		width:80%;	
	}
	#imageDiv img {
		width:80%;
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);	
	}
	
}