/* Ensure the page width fits the browser width */
body, html {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
/* Make container-fluid fill the width of the browser */
.container-fluid, .container-lg {
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
/* Adjust the header and footer to span full width */
header, footer {
    width: 100%;
}


/*main {
    width: 100%;
    min-height: 100vh;*/ /* Ensures the main element takes up at least 100% of the viewport height */
/*display: flex;
    flex-direction: column;
}*/

/* Make the container inside main fill available space */
/*#containerDiv {
    flex: 1;*/ /* Allows the container to grow and fill the remaining space inside the main element */
/*display: flex;
    flex-direction: column;
}*/