@charset "utf-8";

/***** HEADER *****/

header {
	background-color: #E05206;
}

	header a {
		width: 100%;
		text-align: center;
	}

.phoneNumber {
	color: #fff;
	font-size: 20px;
}

	.phoneNumber img {
		margin-bottom: 4px;
		margin-right: 6px;
	}


/***** BODY *****/

.wideBannerContainer {
	background: linear-gradient(0deg, rgba(224,130,6,1) 0%, rgba(224,82,6,1) 100%);
	margin-bottom: 0;
	padding: 60px 0 20px 0;
	text-align: center;
}

	.wideBannerContainer img {
		width: unset;
		height: unset;
	}

h1 {
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 40px;
}

p {
	color: #fff;
	font-size: 20px;
	line-height: 32px;
}

	p.more-information {
		font-size: 12px;
	}

	p a:link,
	p a:visited,
	p a:active,
	p a:focus,
	p a:hover {
		color: #fff;
	}

.findAgent button.btn {
	background-color: #1eb4cc;
	color: #fff;
	border-radius: 3px;
}

.findAgent button.btn,
.findAgent input {
	width: 100%;
	height: 60px;
	font-size: 24px;
	text-align: center;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #1eb4cc;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #1eb4cc;
}

label.error {
	color: #55161B;
}


/***** FOOTER *****/

#footer {
	margin-top: 0;
}

#followUs {
	display: none !important;
}


/***** MEDIA QUERIES *****/

@media (min-width: 576px) {
	h1 {
		font-size: 36px;
	}

	p.more-information {
		font-size: 16px;
	}

	header a {
		width: auto;
		text-align: left;
	}

	.findAgent button.btn,
	.findAgent input {
		width: 240px;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 50px;
		line-height: 60px;
	}
}

@media (min-width: 992px) {
	.wideBannerContainer {
		text-align: left;
	}

		.wideBannerContainer img {
			margin-top: -50px;
		}

		.wideBannerContainer.office-auto img,
		.wideBannerContainer.retail-auto img,
		.wideBannerContainer.services-auto img {
			margin-top: -75px;
		}

		.wideBannerContainer.business-auto img {
			margin-top: -100px;
		}

		.wideBannerContainer.office-multi img {
			margin-top: -130px;
		}

		.wideBannerContainer.retail-multi img,
		.wideBannerContainer.services-multi img,
		.wideBannerContainer.business-multi img {
			margin-top: -135px;
		}

		.wideBannerContainer.retail-multi .findAnAgentSpacing,
		.wideBannerContainer.services-multi .findAnAgentSpacing,
		.wideBannerContainer.business-multi .findAnAgentSpacing {
			margin-top: -20px;
		}

	p {
		font-size: 22px;
	}

		p.more-information {
			padding-top: 40px;
		}
}

@media (min-width: 1200px) {
	.findAgent {
		position: absolute;
		top: 310px;
	}
}