.logo a {
    display: inline-block;
    text-indent: -9999px;
    height: 2em;
    width: 100%;
    max-width: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-image: url(https://gradivant.com/wp-content/uploads/2026/01/gradivant-logomark.png);
}

/* Button */
.btn {
    border-radius: 0.2em;
    --bs-btn-padding-x: 2em;
    --bs-btn-padding-y: 0.8em;
    --bs-btn-font-size: 1.1em;
    --bs-btn-line-height: 1.1em;
}
.btn-gradivant,
.target-anchor-btn-gradivant .btn {
	--bs-btn-color: #fff;
	--bs-btn-bg: #5500FF;
	--bs-btn-border-color: #5500FF;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4400EE;
	--bs-btn-hover-border-color: #4400EE;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4400EE;
	--bs-btn-active-border-color: #4400EE;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	text-decoration: none;
}

@media (min-width: 768px) { /* MD */
	.logo a {
		max-width: 450px;
		height: 2.5em;
	}
    .min-vh-100 {
        min-height: 100vh;
    }
    .min-vh-75 {
        min-height: 75vh
    }
    .min-vh-50 {
        min-height: 50vh
    }
    .min-vh-30 {
        min-height: 30vh
    }
    .min-vh-25 {
        min-height: 25vh
    }
}