:root {
	--gold: #d98c3b;
}

html { font-size: 100%; }
body { font-size: 20px; }
p { font-weight: 400; font-size: 24px; font-family: 'Open Sans'; }


.container {
	max-width: 1600px;
}

.full-width {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

h2 { font-size: 40px; font-weight: 700; font-family: 'Open Sans'; }
h3 { font-size: 32px; font-weight: 700; font-family: 'Open Sans'; }

hr {
	height: 5px;
	background: #000;
	margin: 30px auto;
	width: 100%;
	border: 0;
	opacity: 1;
}

header {
	padding: 30px 0;
}

.header__logo { max-width: 300px; }

.header__cta {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
}

.cta__phone {
	font-size: 38px;
	color:  var(--gold);
}


.bg-dark {
	background-color: #262a35;
	background: url(../images/Service-Section-Bg.jpg) no-repeat top;
}

.bg-dark .text-white { text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }


.lander-masthead {
	margin-bottom: 60px;
}

.masthead__text { font-size: 30px; }
img.white-border {
	border: 4px solid #fff;
	border-radius: 10px;
}

.masthead__form {
	border-radius: 10px;
	border: 4px solid #8a8a8a;
	background: #676767;
	padding: 20px;
}

.masthead__form input { margin-bottom: 10px; border-radius: 6px; box-shadow: inset 0 -2px #e2e2e2; }
.masthead__form textarea { border-radius: 10px; box-shadow: inset 0 -2px #e2e2e2; height: 100px; }
.masthead__form input[type="submit"] {
	background: var(--gold);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	width: 100%;
	font-size: 24px;
	box-shadow: 0 2px 4px #00000049;
}



.lander-section {
	margin-bottom: 80px;
}


.bucket__title {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	border-bottom: 3px solid var(--gold);
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 1;
}

.bucket__description { text-align: center; font-size: 24px; }

.book-eval-btn {
	padding: 12px 32px;
	line-height: 1;
	background: var(--gold);
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
	font-size: 28px;
	font-weight: 600;
}

.book-eval-btn:hover {
	color: #fff;
}


.lander__testimonial {
	height: 100%;
	padding: 80px 30px 30px;
	background: #676767;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	border-top: 6px solid var(--gold);
	border-bottom: 6px solid var(--gold);
	font-size: 22px;
	text-align: center;
	box-shadow: 0 6px 16px #00000029;
	display: flex;
	flex-direction: column;
}

.testimonial__quote { margin-bottom: 80px; flex: 1; position: relative; font-size: 24px; }
.testimonial__quote::before,
.testimonial__quote::after {
	content: "";
	width: 40px;
	height: 40px;
	background: url('images/quotation-mark.jpg') center/contain no-repeat;
	position: absolute;
}

.testimonial__quote::before { left: 20px; top: -20px; transform: translateY(-100%); }
.testimonial__quote::after { right: 20px; bottom: -20px; transform: translateY(100%) rotate(180deg); }


.col__image {
	width: 100%;
	height: 100%;
}

.col__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section--meet-lonny hr {
	background: var(--gold);
}
.section--meet-lonny p { color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }

footer { background: #3f3d3d; color: #fff; }
.footer__logo { width: 360px; }
.footer__logo img { 
	width: 300px;
 	margin: 0 auto 30px; 
 	display: block;
}

p.copyright { font-size: 18px; text-align: center; }


.footer__cta { font-size: 30px; }
.location span { color: var(--gold); }
.location,
.location p { font-size: 18px; }


@media (max-width: 767px) {

	.masthead__text { font-size: 24px; }

	h2 { font-size: 36px; }
	h3 { font-size: 30px; }

	p, .bucket__description { font-size: 20px; }

	.book-eval-btn { font-size: 20px; padding: 12px 20px; }
}



@media (max-width: 576px) {
	.header__logo { width: 260px; }
}