﻿/* Navbar link font size for desktop */
.navbar-nav .nav-link {
    font-size: 1.0em;
}

/* Navbar adjustments for mobile view */
@media (max-width: 576px) {
    .navbar-nav {
        text-align: right;
    }

        .navbar-nav .nav-link {
            font-size: 1.4em;
        }

    /* General font size adjustments for mobile view */
    body {
        font-size: 1.3em; /* Adjust the base font size for the body */
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 1.4em; /* Adjust the font size for headers */
    }

    p, a, li, span {
        font-size: 1.2em; /* Adjust the font size for text elements */
    }
}

/* Ensure that the navbar is responsive */
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
