body { background-image: url(../images/morningcactus.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; font-family: 'Quicksand', sans-serif; }

.has-error { background-color: #CC0000; color: #FFF; font-weight: 700; }
.has-error::placeholder { color: #FFF; }

#main { width: 80%; height: auto; margin: 0 auto; padding-top: 1%; text-align: center; }
#main h2 { font-family: 'Righteous', cursive; color: #FFF; font-size: 7vw; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 10px; font-weight: 700; }
#main h3 { font-size: 40px; color: #FFF; letter-spacing: 0px; margin-top: 10px; font-weight: 700; margin-bottom: 3%; }
#secondary { width: 80%; height: auto; margin: 0 auto; text-align: center; }
#secondary p { color: #FFF; margin: 5px 0; font-size: 18px; font-weight: 700; }
#secondary p:first-child { font-size: 24px; font-weight: 700; margin-bottom: 25px; }
#secondary ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-top: 2%; }
#secondary ul li { color: #FFF; text-align: center; width: 100%; list-style: none; font-family: 'Righteous', cursive; font-size: 22px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px 0; }
#secondary form { }
#secondary form .form-col-mc { float: left; }
#secondary form .form-col-mc .row { float: left; width: 100%; margin: 0; padding: 10px; }
#secondary form label { color: #FFF; }
#secondary form input { border-radius: 10px; border: 0; padding: 5px 20px; }
#secondary form select { border-radius: 10px; border: 0; padding: 5px 20px; }
#secondary form .form-col-mc .row textarea { border-radius: 10px; border: 0; padding: 5px 20px; }

#secondary form .form-col-mc .row button { 
	width: 200px; 
	margin: 0 auto; 
	padding: 10px 15px; 
	font-size: 20px; 
	font-family: 'Righteous', cursive; 
	color: #FFF; 
	background-color: red; 
	border-radius: 15px;
	border: 3px solid #FFF;
}

@media screen and (max-width: 768px) {
	#main { width: 80%; }
	#main h3 { font-size: 25px; }
	#secondary { width: 80%; }
	#secondary p:first-child { font-size: 20px; }
	#secondary ul li { margin: 10px 0; font-size: 21px; }
	#secondary ul { padding: 0; }
	#secondary ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
}