html, body{
	background-color: #daa627;
	margin: 0px;
	padding: 0px;
}

div#content{
	background-color: white; 
	color:black;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
}

div#locales{
	padding: 10px;
}
div#locales a{
	text-decoration: none;
}
div#locales img{
	max-width: 40px;
	margin-left: 5px;
}
img#mainLogo{
	max-width: 100%
}

h1#mainHeader{font-size: 32px;margin: 0px}

h1#motto{font-size: 16px; font-style: italic; margin-top: -20px}

div.section{padding: 5px;}
div.section h3 {background-color: black; color:#daa627}
div.section .q{
	margin-top: 15px;
	color:#daa627;
	font-style: italic;
	font-size: large;
	display: inline-block;
}



div#serviceRequest span.label1{
	width:190px;
	display: inline-block;
	margin-top: 15px;
}

div.buttonContainer{padding: 20px;text-align: center;}
button#claculatePrice, button#sendServiceRequest{
	padding: 10px;
	font-size: large;
	font-weight: bold;
}



.red{color:red}
.green{color:green}

img.maxWidth100{max-width: 100%}


@media screen and (max-width: 800px) {
  div#serviceRequest span.label1{
	width:100%;
	display: inline-block;
	}
}