/* CSS Document 
Breakpoint prefix	Minimum width	CSS
sm	40rem (640px)	@media (width >= 40rem) { ... }
md	48rem (768px)	@media (width >= 48rem) { ... }
lg	64rem (1024px)	@media (width >= 64rem) { ... }
xl	80rem (1280px)	@media (width >= 80rem) { ... }
2xl	96rem (1536px)	@media (width >= 96rem) { ... }
*/


/*sm */
@media (width >= 40rem) { 
	.testimonial-height {
		min-height: 6vh !important;
	}	
}

/*md */
@media (width >= 48rem) { 
	.testimonial-height {
		min-height: 10vh !important;
	}	
}

/*lg */
@media (width >= 64rem) { 
	.testimonial-height {
		min-height: 100px !important;
	}	
}

/*xl */
@media (width >= 80rem) { 
	.testimonial-height {
		min-height: 280px !important;
	}	
}

/*2xl */
@media (width >= 96rem) { 
	.testimonial-height {
		min-height: 200px !important;
	}	
}

.bg-contact{background-image:url("../img/bg-contact-1.jpg")}

.bg-michealburnett-globe{background-image:url("../img/michael-bg-01.jpg")}

.bg-burnetttan-300 {
    background-color: #f9f7f4;
}

/* Hero masthead quotes: gap was 100px; reduced 40% → 60px. lg+ stack pins to bottom with hero image */
.hero-masthead-quotes {
    gap: 60px;
    margin-top: 1.5rem;
}

.hero-masthead-quotes blockquote {
    margin: 0;
}

/* lg+: nudge quote stack down (70px); graph uses natural position (no translate) */
@media (width >= 64rem) {
    .hero-masthead-quotes {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        transform: translateY(70px);
    }
}

/* Remove inline-image gap so quote baseline matches true bottom of screenshot */
.hero-masthead-graph {
    line-height: 0;
}

.hero-masthead-graph img {
    display: block;
}