:root {
    --ley-gold: #9e8b00;
    --clinic-choice-font-size: 2rem;
    --clinic-choice-image-size: 250px;
    --clinic-choice-grid-gap-size: 40px;
}
@media screen and (max-width: 768px) {
    :root {
        --clinic-choice-font-size: 1.5rem;
        --clinic-choice-image-size: 175px;
        --clinic-choice-grid-gap-size: 15px;
    }
}
@media screen and (min-width: 1200px) {
    :root {
        --clinic-choice-font-size: 3.75rem;
        --clinic-choice-image-size: 375px;
        --clinic-choice-grid-gap-size: 100px;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body > div > div {
		min-height: 60vh;
}

.clinic-choice-grid-section {
    display: flex;
    min-height: 580px;
    width: 80vw;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .clinic-choice-grid-section {
        width: 90vw;
    }
}
@media screen and (min-width: 1200px) {
    .clinic-choice-grid-section {
        width: 75vw;
    }
}
.clinic-choice-grid-section a {
		text-decoration: none!important;
}
.clinic-choice-grid {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--clinic-choice-image-size), calc(50% - var(--clinic-choice-grid-gap-size))));
    height: 100%;
    width: 100%;
    justify-content: center;
    gap: var(--clinic-choice-grid-gap-size);
}
.clinic-choice {
    display: flex;
}
.clinic-choice:active .clinic-choice-name {
		color: var(--ley-gold);
}
.clinic-choice-design {
    margin: auto;
    height: var(--clinic-choice-image-size);
    width: var(--clinic-choice-image-size);
    background-size: cover;
}
.clinic-choice-design:hover {
    box-shadow: inset 0px 0px 50px 0px #000000;
		outline: 4px solid var(--ley-gold);
}
.clinic-choice-design:active {
    box-shadow: none;
}
.clinic-choice-container {
    display: flex;
    height: 100%;
    width: 100%;
		background-color: rgba(0,0,0,.3);
}
.clinic-choice-name {
    margin: auto;
    font-size: var(--clinic-choice-font-size);
    font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, -apple-system, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-shadow: 2px 1px 3px black;
		text-decoration: none;
    color: #ffffff;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}
.psychology-clinic-choice-design {
    background-image: url("https://img.freepik.com/premium-photo/behavioral-psychology-isolated-white-background_1204564-37587.jpg?semt=ais_hybrid&w=740&q=80");
}
.fitness-clinic-choice-design {
    background-image: url("https://www.basic-fit.com/dw/image/v2/BDFP_PRD/on/demandware.static/-/Library-Sites-basic-fit-shared-library/default/dw73862527/1.%20new%20VI%20images/Homepage/01.01.2028%20join%20feel%20good%20club%20homepage.jpg?sw=600");
}
.nutrition-clinic-choice-design {
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT1OAljcB8FUFRgOJO_Hfu9ZTD4nHnLoTsapw&s");
}
.social-clinic-choice-design {
    background-image: url("https://hillsidehorizon.com/wp-content/uploads/2026/02/group-of-diverse-teenagers-communicating-joyfully-in-a-park-emphasizing-effective-communication-skills-9c3e73e0-7c6c-4a5b-b930-0e57a0ee5f8b.jpg");
}
.security-clinic-choice-design {
    background-image: url("https://www.pcisecuritystandards.org/wp-content/uploads/2026/01/Website_439x439.png");
}
.career-clinic-choice-design {
    background-image: url("https://www.propharmagroup.com/hubfs/Planet%20Pharma/stock-photography/business-people-working-together-in-the-office-as-440299419.jpeg");
}

footer {
		margin-bottom: 0;
}