.index {
	overflow-y: auto;
	width: 310px;
	/*height: fit-content;*/
}

.index ul {
	font-size: 16px;
	width: 100%;
	margin: 0;
	list-style-position: inside;
	padding: 0;
}

.page-content-landing {
    flex: 1;
    width: 100%;
    padding: 15px;
}


@media (max-width: 900px) { /* adjust breakpoint as needed */
    .index {
        width: 250px
    }
}

/* For small screens, stack vertically */
@media (max-width: 600px) { /* adjust breakpoint as needed */
    .index {
        width: 100%
    }
}