@charset "utf-8";
body {
	font-family: 'Architects Daughter', cursive;
	background-image:url(images/paper.jpg);
	font-variant: small-caps;
	font-size: 18px;
	font-weight: bold;
}

input {
	margin-top: 8px;
	margin-right: 5px;
	font-family: 'Architects Daughter', cursive;
	font-size: 18px;
	font-weight: bold;
	width: 50px;
	height: 30px;
	border: none;
	background-image:url(images/box.png);
	background-color:transparent;
	background-size:contain;
	background-repeat: no-repeat;
	padding: 0 10px 10px 10px
}

input#submit {
	width: 60px;
	padding: 5px;
	position: fixed;
	right: 40px;
	top: 30px;
}

h1 {
	font-size: 24px;
}

select {
	font-size: 18px;
	font-weight: semi-bold;
	background: transparent;
	font-family: 'Architects Daughter', cursive;
	border: none;
	border-bottom: solid thin black;
}

option {
	background-image:url(images/paper.jpg) #CC9;
	border: none;
}

option.entered {
	color: #00F;
}

input#submit {
	width: 100px;
    padding: 0px 0px 10px 14px;
    background-size: 90px 30px;
    text-align: left;
	
}

div#common, div#advanced{
	width: 25%;
	margin-right: 2%;
	float: left;
	

}

div#other {
	margin-bottom: 20px;
	float: left;
	width: 40%;
	
}

#success {
	background: rgba(0,204,0, .6);
	color: #000;
	font-weight: bold;
	padding: 5px;
}

#fail {
	background: #C00;
	color: #000;
	font-weight: bold;
	padding: 5px;
}

@media (max-width: 850px){

	div#common, div#advanced, select {
		width: 48%;
	}
	
	 div#other {
		 margin-top: 20px;
		 width: 100%;
	 }


@media (max-width: 750px){
	body {
		font-size: 4vw;
		margin-left: 40px;
	}
	h1, input {font-size: 6vw;
	}
	select {font-size: 5vw;
	padding: 3px;
	width: 100%;
	}
	div#common, div#advanced, div#other, select {
		width: 100%;
	}

	input {
	margin-top: 10px;
	margin-left: 20px;
	font-weight: semi-bold;
	width: 100px;
	height: 50px;
	padding-left: 15px;
}
	input#submit {
	font-size: 3vw;
	position: fixed;
	right: 40px;
	top: 30px;
}
input#submit {
	width: 120px;
	height: 50px
    padding: 0px 0px 10px 14px;
    background-size: 120px 50px;
    text-align: left;
	
}
	
	}