@media screen and (min-width: 800px) and (max-width: 1000px) {

    header h1#title {
        /*color: mediumvioletred;*/
    }

    section#main h2::after {
        /*content: "800-1000";*/
    }

    #wrapper{
        width: 800px;
    }

    header {
        background-size: 450px;
        height: 145px;
    }

    header #logo {
        padding-top: 34px;
    }

    header h1 {
        font-size: 3.5em;
    }
    header h2 {
        font-size: 1.05em;
    }
    header h3 {
        font-size: 1.05em;
    }
    header span {
        width: 450px;
    }
    header h2#imgcaption {
        font-size: 1.4em;
        padding: 5px 5px 5px 8%;
        bottom: 12%;
    }
    
    nav li a {
        padding: 0px 20px 0px 20px;
    }

    section#main {
        width: 550px;
    }

    aside {
        width: 250px;
    }
    
    section#main h1{
        font-size: 3.0em;
    }
    section#main h2 {
        font-size: 2.5em;
    }

    section#main .imgArray2 {
        min-width: 200px;
        padding: 10px;
    }

}