@charset "UTF-8";

.image-clamp {
	height: clamp(50vh, 50vw, 100vh); /* smaller height on mobile */
}

.dropdown-menu {
	min-width: 300px !important; /* or any value larger than column */
	width: auto !important;
}

#top-info {
	color: var(--black);
	max-width: 60%;
}

#top-info h5 {
	font-size: clamp(1.5rem, 3vw, 4rem);
	font-weight: bold;
}

#top-info p {
	font-size: clamp(0.75rem, 1.2vw, 2rem);
}

#contact-info {
	max-width: 75%;
	margin: 0 auto;
}
/* Tablet (768px – 991px) */
@media ( min-width : 768px) and (max-width: 991px) {
	#contact-info {
		padding-left: 6rem;
		padding-top: 6rem;
		max-width: 100%;
	}
}

/* Desktop (992px and up) */
@media ( min-width : 992px) {
	#contact-info {
		padding-left: 6rem;
		padding-top: 6rem;
		max-width: 100%;
	}
}

#location {
	font-size: clamp(1.3rem, 3vw, 4rem);
}

#numberNoPrefix {
	font-size: clamp(1.5rem, 4vw, 5rem);	
}