body {
	font-family: 'Patua One', cursive;
	margin:0;
	padding:0;
}

#logo {
	position: absolute;
	top: 1vw;
	left: 1vw;
	width: 800px;
	max-width:17vw;
	max-height:12vh;
	padding:10px;
	background: rgba(255, 255, 255, .7);
}

#centerdiv {
	background: rgba(255, 255, 255, .7);
	width: 75vw;
}

#formdiv {
	position: relative;
	margin: 0 auto;
}

#formtitle { 
	display: block;
	clear: both;
	margin-left: 0.5vw;
	margin-top: 0.5vw;
	margin-bottom: 1vw;
	font-size: 3vw;
	font-family: 'Patua One', cursive;
	text-align: center;
}

.formsubtitle { 
	display: block;
	clear: both;
	margin-left: 0.75vw;
	margin-top: 0.75vw;
	font-size: 1.2vw;
}

.formelement { 
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#formname {
	width: 70vw;
	max-height: 16vh;
	font-size: 2.5vw;
	margin-left: 0.5vw;
	margin-top: 0.5vw;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Patua One', cursive;
}

#formemail { 
	width: 70vw;
	max-height: 16vh;
	font-size: 2.5vw;
	margin-left: 0.5vw;
	margin-top: 0.5vw;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Patua One', cursive;
}

#bignext {
	margin-left: 0.5vw;
	margin-top: 0.5vw;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	width: 73vw;
	max-height: 16vh;
	font-size: 2.5vw;
	text-decoration: none;
	font-family: 'Patua One', cursive;
}

#bignext:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.subtext {
	font-size: 1.1vw;
	font-family: 'Patua One', cursive;
	text-align: center;
}

.responsetext {
	font-size: 2.1vw;
	font-family: 'Patua One', cursive;
	text-align: center;
}

#footer {
	position:fixed;
	left:0px;
	bottom:0px;
	height:67px;
	width:100%;
	background: rgba(0, 0, 0, .9);
	text-align: center;
	font-size: 1.5vw;
	color: rgba(255, 255, 255, .9);
}

.redback {
	background: rgba(255, 0, 0, .5);
}

.ck-input {
	margin-right:100px;
}

.ck-button {
	margin:4px;
	background-color:rgba(0, 0, 0, 0.6);
	color:#fff;
	border-radius:4px;
	border:1px solid #D0D0D0;
	overflow:auto;
	float:left;
	font-size: 1.8vw;
}

.ck-button:hover {
	background-color:rgba(255, 255, 255, 0.5);
	color:#000;
}

.ck-button label {
	float:left;
	width: 24vw;
}

.ck-button label span {
	text-align:center;
	padding:3px 0px;
	display:block;
}

.ck-button label input {
	position:absolute;
	visibility: hidden;
	opacity: 0;
}

.ck-button input:checked + span {
	/* background-color:rgba(52, 152, 219, 1); */
	background-color:rgba(255, 255, 255, 1);
	color:rgba(52, 152, 219, 1);
}

@media (max-width: 12px) {

	#formaddress {
		width: 35vw;
	}
	
	#formemail {
		width: 18vw;
	}
	
	#formsubmit {
		width: 10vw;
	}
}

@media all and (orientation:portrait) {
	#logo {
		position: absolute;
		top: 1vw;
		left: 1vw;
		width: 800px;
		max-width:17vw;
		max-height:12vh;
		padding:10px;
		background: rgba(255, 255, 255, .7);
	}

	.ck-button label {
		float:left;
		width: 23vw;
	}

	#centerdiv {
		background: rgba(255, 255, 255, .7);
		width: 75vw;
		height: 12vh;
	}

}