@media only screen and (min-width:801px) {
/* General styles */
img.banner { margin: auto; max-width: 40vw; }
div.banner { width: 100%; }
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 3; padding: 3; }

/* Styling for headings */
h1 { color: white; text-align: center; font-size: 3vw; }

/* Styling for links */
a { color: #007bff; text-decoration: none; }

a:hover { text-decoration: underline; }

/* Styling for a specific class */
#container { margin: 0 auto; padding: 20px; margin-inline: auto; }
.biopic { float: left; width: 23%; padding: 1%; }
.biotext { padding: 1%; }

.img-wrapper { margin-top: auto; }

/* Styling for Title Bar */
#main-header { margin: 0; font-family: Garamond, serif; font-size: 2em; position: sticky; top: 0px; background: blue; padding: 1px 0 0 0; text-align: center; }

/* Styling for Title menu */
#top-menu { font-family: Arial, sans-serif; font-size: 2vw; }

/* Styling for unordered lists in the top menu*/
ul.crossmenu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; }
li.crossmenu { float: left; }
li.crossmenu a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }
li.crossmenu a:hover { background-color: #111; }

.active { background-color: #04AA6D; }
.active:hover { text-decoration: none; background-color: #04AA6D; }

/* Styling for horizontal scrolling image menu */
.scrollmenu { display: inline-block; place-items: center; align-content: stretch; grid-auto-flow: column; grid-auto-columns: 21%; background-color: #333; overflow-x: scroll; scroll-snap-type: x mandatory; white-space: nowrap; width: 100%; }
.scrollmenu a { display: inline-block; color: white; text-align: center; text-weight: bold; padding: 14px; text-decoration: none; }
.scrollmenu a:hover { background-color: #777; }
.scrollmenu img { padding: 5px; display: block; object-fit: scale-down; max-height: 30vh; align: center; }

hr.solid { border-top: 3px solid #bbb; }

.footer { clear: both; position: static; padding: 2px; width: 100%; background-color: blue; color: white; text-align: center; }

ul { list-style-type: none; margin: 20px; }

table { width: 100%; border-collapse: collapse; }
tr { border: 1px solid #ccc; padding: 8px; text-align: center; }
th, td { padding: 8px; text-align: center; }

.arrow { max-width: 10vw; }

.ctrpic { display: block; margin: auto; width: 50vw; }

}
