<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div#connect
{
	line-height:4rem;
	padding:1vw;
	background:#FC0;
	margin: 1rem 0;
}
div#connect .form {
	display:flex;
	justify-content:space-between;
	gap:2rem;
	background:#FC0;
}

div#connect .fields {
	flex:1 1 70%;
}

div#connect .rocky {
	flex:1 1 auto;
}

div#connect h4 {
	text-transform:uppercase;
	color: #639 !important;
	padding:0 !important;
}

div#connect .form input[type=text], .form select
{
	height: 3rem;
	border-radius: 0;
	background: #ffe066;
	border: none;
	font-size: 1.5rem;
	padding-left: .5rem;
	color:#000;
}

div#connect .form input[type=submit] {
	background: #639;
	color: #FFF;
	border: none;
	font-size: 2rem;
	padding: 1rem 8rem;
	font-weight: bold;
	margin: 1rem auto 0 auto;
	display: block;	
}

div#connect .form input:focus {
	outline:2px solid #639 !important;
}

div#connect div.form_grid {
	display:grid;
	gap:1rem;
	grid-template-columns:48% 48%;
}
div#connect select.double_width {
	grid-column-end:span 2;
}

@media only screen and (max-width:1366px){

	div#connect div#rfi .rficol{
		float:none;
		width:100%;
	}

	div#connect div#rfi .rficol label{
		width:25%;
		display:inline-block;
	}
	div#connect div#rfi .rficol input[type=text]{
		width:60%;
		margin:0.5em 0 0.5em 5%;
	}

}
@media only screen and (max-width:1024px){
	div#connect .form {
		display:block;
	}
	div#connect div.form_grid {
		display: flex;
		flex-direction: column;
	}
	div#connect .rocky {
		display:none;
	}
}</pre></body></html>