html, body { background:none; font-family: 'Montserrat', "sans-serif";}
#form { padding: 30px; }

h1 {font-size: 32px; color: #ffffff; margin-top: 30px; margin-bottom: 24px; letter-spacing: 0.5px;} 
p { font-size: 17px; color: #f9f9f9; }

a { color: white; text-decoration: underline; }

input[type="text"], textarea, select { font-family: Montserrat, Verdana, Arial, sans-serif; font-size: 18px !important; line-height:28px; background-color:#fff !important; }

.select2-container { width:100% !important; }
.select2-container .select2-selection--single { height:auto !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top:12px !important; }

.select2-selection { border: 1px solid #C5C5C5; }
.select2-selection__rendered { padding:10px 20px !important; }

.submit-button.engage-button.btn-style { float:none; display:inline-block; background:#223839; border:#ffffff 1px solid; text-transform: lowercase; font-weight: 500; font-size: 18px; display:inline-block; line-height:18px; }

/* flexbox stying */
#FormFields ul { display:grid; grid-template-columns:minmax(30%, 50%) minmax(15%, 20%) minmax(15%, 20%) auto; grid-template-rows:1fr; gap:20px; }


@media only screen and (max-width:800px) {
	#form { padding:20px; }
	
	input[type="text"], textarea, select, .select2 { font-size:14px !important; }
	
	#form .field { margin-bottom:0; }
	
	#FormFields ul { grid-template-columns:minmax(20%, 45%) minmax(20%, 45%) auto; gap:10px; }
	
	#Email_Address { grid-column: span 3; }
	
	
	.submit-button.engage-button.btn-style { padding:15px !important; font-size:14px; }
}