.signature-builder {
	background: var(--color__light-gray);
	display: flex;  }
	
.signature-builder .form,
.signature-builder .results {
	padding: 3rem;
	flex-basis: 50%; }

.signature-builder h2 {
	margin-bottom: var(--spacing__x); }

#built-signature {
	box-shadow: inset 0 0 15px rgba(100,100,100,.2);
	background: var(--color__white);
	border-radius: 10px;
	padding: var(--spacing__x);
	margin-bottom: var(--spacing__x);;
	border: 1px solid var(--color__white); }
	
.signature-builder .form .form-row {
	margin-bottom: 2.5rem; }

.signature-builder .form label {
	line-height: 1.2em; }
	
.signature-builder .form label .label {
	font-size: 2rem;
	margin-bottom: 0;
	display: block; }	

.signature-builder .form label .help {
	font-weight: 300;
	display: block;
	color: var(--color__medium-gray);
	font-size: 1.6rem; }

.signature-builder .form label .checkbox_label {
	font-weight: 300;
	margin-left: .5em;
	font-size: 1.6rem; }

	
.signature-builder .form input[type=text],
.signature-builder .form select {
	width: 100%;
	background: var(--color__white);
	border: 2px solid #ddd; }

.signature-builder .form input {
	margin-top: .4em; }	

.signature-builder .form select {
	padding: .1em 0; }
		
@media all and (max-width:800px) {
	
	.signature-builder {
		flex-wrap: wrap; }
		
	.signature-builder .form,
	.signature-builder .results {
		flex-basis: 100%; }
	
}