.navbar {
font-size: 1.1rem;
}
.navbar .nav-link {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.navbar-brand {
font-size: 1.4rem;
font-weight: bold;
}

.navbar-brand-footer {
font-size: 1.4rem;
font-weight: bold;
}

/* Add space between navbar buttons */
.navbar-nav .btn {
    margin-right: 1rem;
}

/* Make button text bigger */
.navbar-nav .btn {
    font-size: 1.1rem;
    padding: 0.4rem 0.4rem;
}

.text-container {
    padding: 2rem;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

.emoji {
    font-size: 2rem;
}

.card {
    padding: 1rem;
    min-width: 25rem;
    min-height: 14rem
}


.scroll-container {
display: flex;
overflow-x: auto;
gap: 2rem;
padding: 1rem;
scroll-behavior: smooth;
}

.scroll-container::-webkit-scrollbar {
height: 8px;
}

.scroll-container::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 4px;
}



@media (max-width: 991.98px) {
    .btn {
        display: block;
        width: 100%;
        /* font-size: 4rem; */
        margin-right: 0;
        margin-top: 1rem;
        /* padding: 1.1rem 1.2rem; */
    }
    .navbar-nav .btn,
    .navbar-nav .nav-link {
        font-size: 2.5rem;
        padding: 1.2rem 1.5rem;
    }
    .navbar-brand {
        font-size: 5rem;
    }

    .navbar-brand-footer {
        font-size: 2rem;
    }

    .dropdown-item {
        margin-top: 1rem;
        font-size: 2.5rem;
    }

    div.text h1 {font-size: 3.5rem;}
    div.text h2 {font-size: 3.3rem;}
    div.text h3 {font-size: 3.1rem;}
    div.text h5 {font-size: 2.3rem;}

    div.text li {font-size: 1.7rem;}

    div.text td {font-size: 1.5rem;}

    div.text p {font-size: 2rem;}

    .card {
    padding: 1rem;
    min-width: 40rem
}

    .text-container .brochure { width: 40% !important; }

}


.btn-outline-secondary {--bs-btn-color: black;
--bs-btn-hover-color: black;
--bs-btn-border-color: rgba(108,117,125,1);
--bs-btn-hover-border-color: rgba(108,117,125,0.5);
--bs-btn-hover-bg: rgba(108,117,125,0.1);
--bs-btn-hover-border-color: rgba(108,117,125,1);
--bs-btn-active-bg: #fff;
--bs-btn-active-color: black;
color: black;
opacity: 1;
}

/* Make the navbar toggler button and icon bigger */
.navbar-toggler {
    padding: 1rem 1.5rem;
    font-size: 2.5rem;
}

.navbar-toggler-icon {
    width: 2.5em;
    height: 2.5em;
}