* {
    margin: 0;
    box-sizing: border-box; 
}

body { font-family: "Lato", sans-serif; background-color: black; margin-top: 6em;
       color: white; margin-left: 1em!important; max-width: 96%; } 
.mySlides { display: none; }


.imgStyle1 {
    margin: 0;
    padding: 0;
    display: block;
    align-content: center;
    height: auto;
    width: 100%;
    border-color: white;
    border-width: 6px;
    border-style: outset;
}



@media screen and (max-width: 600px) {
    body{
        float:none;
        width: 100%;
        margin-left: 3em!important;
    }
}

/* Main page container */
.main-content {
    max-width: 1200px;
    width: 95%;
    margin: 5rem auto 2rem auto; /* top, horizontal auto-center, bottom */
}

/* Generic section spacing */
.section {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Hero section */
.hero-section {
    margin-top: 10px;
    padding: 2rem 1rem;
}

/* Centered text */
.text-center {
    text-align: center;
}

/* Standard image frame */
.image-framed {
    max-width: 100%;
    height: auto;
    border: 6px outset white;
}

/* Large image frame */
.image-framed-large {
    max-width: 100%;
    height: auto;
    border: 8px outset white;
}

/* Responsive table wrapper */
.table-wrapper {
    overflow-x: auto;
}

/* Audio table */
.audio-table {
    width: 100%;
    margin-left: 1em;
    font-size: 10px;
    text-align: left;
}

/* Navigation wrapper */
.nav-wrapper {
    margin-left: 0;
}

/* Mobile adjustments */
@media screen and (max-width: 600px) {
    .main-content {
        width: 100%;
        margin: 4rem auto 1rem auto;
        padding: 0 0.5rem;
    }

    .audio-table {
        font-size: 9px;
        margin-left: 0;
    }
}