* {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
    min-height: 100vh;
}

.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 1em 6em;
    font-family: 'Spectral SC', serif;
}

.nav ul.navbar {
    display: flex;
    justify-content: space-between;
 /*   align-items: center; */
 /*   width: 100%; */
}

.nav li {
    list-style: none;
}

.nav a {
    text-decoration: none;
    color: #fff;
    padding-right: 3.3em;
    font-size: 1.2em;
}

.nav a:hover {
    color: rgb(216, 185, 10);
	transition-duration: 0.25s;
}

.bodytext {
    margin-left: 5em;
    margin-top: 5em;
    font-family: 'Crimson Text', serif;
}

.bodytext h2 {
    margin-top: 2em;
	margin-bottom: 1em;
    text-transform: uppercase;
    font-family: 'Noto Serif Display', serif;
    font-size: 2.2em;
}

.bodytext p {
    padding-bottom: 0.5em;
    font-family: 'Crimson Text', serif;
    font-size: 1.1em;
}

.bodytext li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0.33em; 
}

   & .linkslist ul {
	padding-bottom: 1em;
 }
 
    & .linkslist li {
	margin-left: 0.33em;
 }
 
   & .linkslist h2 {
	padding-bottom: 0em;
    font-size: 2em;	
 }
   & .linkslist h3 {
	padding-bottom: 1em;
    font-size: 1.2em;	
 } 

/* Mobile styles */
@media screen and (max-width: 768px) {
    .nav {
        padding: 0.75em 0.98em; /* Reduced padding to fit better */
        width: 100%; /* Override desktop max-width to fit viewport */
        box-sizing: border-box; /* Ensure padding is included in width */
		position: relative;
    }

    .nav ul.navbar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        overflow-x: hidden; 
        white-space: nowrap;
        padding: 0; /* Remove any extra padding */
        margin: 0; /* Remove any extra margin */
    }

    .nav li {
        flex: 0 0 auto; /* Prevent items from shrinking or growing */
    }

    .nav a {
        padding: 0.5em 0.5em; /* Consistent padding for links */
        font-size: 1em; /* Slightly smaller font to reduce width */
        line-height: 1.2; /* Ensure text doesn't cause vertical overflow */
    }

    .bodytext {
		margin-left: 0;
		margin-top: 0;
        padding: 1em;
		margin-left: 1em;
    }

    .bodytext h2 {
        padding: 0;
        margin: 0;
		margin-top: 1em;
		margin-bottom: 1em;
        font-size: 1.8em;
        width: 100%;
    }
}