/* Responsive Structural */
.responsive-vance-top {
  height: auto;
  width: 99%;
  max-width: 630px;
}
.responsive-four-cards {
  height: auto;
  width: 99%;
  max-width: 338px;
}
.ccbackground {
  background-color:#99FFCC;
  padding: 0.3em 1.3em 0.3em 0.3em;
}

.bidpercentbackground {
  background-color:#CCCCFF;
  padding: 0.3em 1.3em 0.3em 0.3em;
}

.usfundbackground {
  background-color: #FFCCFF;
  padding: 0.3em 1.3em 0.3em 0.3em;
}

.bidinstructionsbackground {
  background-color: #CCFFCC;
  padding: 0.3em 1.3em 0.3em 0.3em;
}

/* Responsive Forms */
.form-container {
	width: 99.9%;
	max-width: 630px;
	margin: 0.5em auto;
	height: auto;
}
.form-row {
	width: 99.9%;
	padding: 0;
	margin: 0 0 1em 0;
}
.form-row:after {
	content: "";
	display: table;
	clear: both;
}
.form-row label {
	display: block;
	width: 150px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}
.form-row .form-field-wrapper {
	width: auto;
	margin: 0 0 0 153px;
	padding: 0;
	text-align: left;
}
.form-row .form-field-wrapper em { 
	display: block;
	padding: 0;
	margin: 0.4em 0 0 0;
	line-height: 1;
	font-size: 66%;
}
.form-row .form-field-wrapper .form-field {
	display: block;
	width: 99.9%;
	margin: 0;
	padding: 0;
	text-align: left;
}
.form-row .form-field-wrapper .form-field, 
.form-row .form-field-wrapper .form-field i.fa { 
	line-height: 1;
	font-size: 12px;
}
.form-row .form-field-wrapper .form-field div.sep, 
.form-row .form-field-wrapper .form-field input[type="text"],
.form-row .form-field-wrapper .form-field input[type="email"],
.form-row .form-field-wrapper .form-field textarea,
.form-row .form-field-wrapper .form-field select,
.form-row .form-field-wrapper .form-field i.fa {
	display: block;
	float: left;
}
.form-row .form-field-wrapper .form-field input[type="text"],
.form-row .form-field-wrapper .form-field input[type="email"],
.form-row .form-field-wrapper .form-field textarea, 
.form-row .form-field-wrapper .form-field select {
	border: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 0.3em 1.3em 0.3em 0.3em;
}
.form-row .form-field-wrapper .form-field textarea {
	padding-right: 0.3em;
}
.form-row .form-field-wrapper .form-field i.fa {
	margin: 0 0 0 -1.3em;
	padding: 0.45em 0;
}
.form-row .form-field-wrapper .form-field div.sep {
	padding: 0.3em 0;
	margin: 0 0.3em;
}
.form-row .form-field-wrapper .form-field:after {
	content: "";
	display: table;
	clear: both;
}
.form-row .form-field-wrapper em.has-error,
.form-row .form-field-wrapper .form-field.has-error input[type="text"],
.form-row .form-field-wrapper .form-field.has-error input[type="email"],
.form-row .form-field-wrapper .form-field.has-error textarea, 
.form-row .form-field-wrapper .form-field.has-error select,
.form-row .form-field-wrapper .form-field i.fa-asterisk
{ color: #f00; }

.form-row .form-field-wrapper .form-field input.xxsmall, 
.form-row .form-field-wrapper .form-field select.xxsmall, 
.form-row .form-field-wrapper .form-field textarea.xxsmall	
{ width: 10%; }

.form-row .form-field-wrapper .form-field input.xsmall, 
.form-row .form-field-wrapper .form-field select.xsmall, 
.form-row .form-field-wrapper .form-field textarea.xsmall	
{ width: 14%; }

.form-row .form-field-wrapper .form-field input.small, 
.form-row .form-field-wrapper .form-field select.small,
.form-row .form-field-wrapper .form-field textarea.small
{ width: 24%; }

.form-row .form-field-wrapper .form-field input.medium,
.form-row .form-field-wrapper .form-field select.medium,
.form-row .form-field-wrapper .form-field textarea.medium 
{ width: 48%; }

.form-row .form-field-wrapper .form-field input.large,
.form-row .form-field-wrapper .form-field select.large,
.form-row .form-field-wrapper .form-field textarea.large 
{ width: 64%; }

.form-row .form-field-wrapper .form-field input.full,
.form-row .form-field-wrapper .form-field select.full,
.form-row .form-field-wrapper .form-field textarea.full 
{ width: 96%; }

@media (max-width: 719px) {
	.form-row {
		text-align: left;	
	}
	.form-row label {
		float: none;
		margin-left: 1px;
	}
	.form-row .form-field-wrapper {
		margin: 0;
	}
	.form-row .form-field-wrapper .form-field i.fa {
		padding: 0.55em 0;
	}
	.form-row .form-field-wrapper .form-field input.xxsmall, 
	.form-row .form-field-wrapper .form-field select.xxsmall, 
	.form-row .form-field-wrapper .form-field textarea.xxsmall { width: 10%; }
	.form-row .form-field-wrapper .form-field input.xsmall, 
	.form-row .form-field-wrapper .form-field select.xsmall, 
	.form-row .form-field-wrapper .form-field textarea.xsmall	{ width: 20%; }
	.form-row .form-field-wrapper .form-field input.small, 
	.form-row .form-field-wrapper .form-field select.small,
	.form-row .form-field-wrapper .form-field textarea.small { width: 40%; }
	.form-row .form-field-wrapper .form-field input.medium,
	.form-row .form-field-wrapper .form-field select.medium,
	.form-row .form-field-wrapper .form-field textarea.medium { width: 80%; }
	.form-row .form-field-wrapper .form-field input.large,
	.form-row .form-field-wrapper .form-field select.large,
	.form-row .form-field-wrapper .form-field textarea.large { width: 96%; }
}

@media (max-width: 320px) {
	.form-row .form-field-wrapper .form-field input.xxsmall, 
	.form-row .form-field-wrapper .form-field select.xxsmall, 
	.form-row .form-field-wrapper .form-field textarea.xxsmall { width: 12%; }
	.form-row .form-field-wrapper .form-field input.small, 
	.form-row .form-field-wrapper .form-field select.small,
	.form-row .form-field-wrapper .form-field textarea.small,
	.form-row .form-field-wrapper .form-field input.medium,
	.form-row .form-field-wrapper .form-field select.medium,
	.form-row .form-field-wrapper .form-field textarea.medium,
	.form-row .form-field-wrapper .form-field input.large,
	.form-row .form-field-wrapper .form-field select.large,
	.form-row .form-field-wrapper .form-field textarea.large { width: 90%; }
}