.quoteArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 60%;
height: auto;
margin: 15px auto;
}
@media screen and (max-width: 900px) {
	.quoteArea {
	width: 100%;
	}
}

label {
color: #7d7d7d;
text-align: left;
}
label i.fa-solid {
font-size: .6em;
vertical-align: top;
}
input {
margin-bottom: 9px;
}

p.resultMessage {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 1em;
text-align: left;
font-weight: bold;
background-color: #cdcf17;
padding: 8px;
}

.quoteField {
border: #e8e8e8 1px solid;
width: 70%;
padding: 3px;
font-weight: bold;
color: #1f1f1f;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 3px;
}
.quoteField:focus {
border: #000000 2px solid;
font-weight: bold;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
@media screen and (max-width: 1110px) {
	.quoteField {
	width: 95%;
	}	
}

.quoteSubmit {
border: #000000 1px solid;
background-color: #000000;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
padding: 4px;
width: auto;
margin-top: 12px;
}
.quoteSubmit:hover {
border: #626261 1px solid;
background-color: #626261;
cursor: pointer;
transition: all 0.5s;
}
input[type=submit] {
 -webkit-appearance: none; 
 -moz-appearance: none;
border: #000000 1px solid;
background-color: #000000;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
padding: 4px;
width: auto;
margin-top: 12px;
}
input[type=submit]:hover {
border: #626261 1px solid;
background-color: #626261;
cursor: pointer;
transition: all 0.5s;
}

.quoteResultsArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 50%;
height: auto;
margin: 15px auto;
}
@media screen and (max-width: 600px) {
	.quoteResultsArea {
	width: 100%;
	}	
}
.quoteAgain {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
text-align: right;
margin: 10px auto;
}
	.quoteAgain a:link, .quoteAgain a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: black;
	font-weight: bold;
	text-decoration: none;
	}
	.quoteAgain a:active, .quoteAgain a:hover {
	color: #000000;
	text-shadow: 0 0 10px #cdcf17;
	transition: all 0.5s;
	}
	
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: black;
text-decoration: none;
font-weight: bold;
text-align: left;
margin: 20px 0;
}
p.line {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #1f1f1f;
font-weight: normal;
text-decoration: none;
padding: 2px;
border-bottom: #d6d6d4 1px dashed;
}
p.total {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: black;
text-decoration: none;
font-weight: bold;
text-align: right;
}