@media only screen and (max-width: 2000px) {

    * { 
        box-sizing: border-box; 
    }

    #wrapper {
        display:grid;
        grid-template-rows: repeat(50, minmax(0,auto));
        grid-template-columns: minmax(0,1fr) repeat(25, minmax(0,auto)) minmax(0px,1fr);
        background-color:darkblue;
        color: white;
    }







    #column1 {
        grid-column: 2 / 3;
        width: 34px;
    }
    #column2 {
        grid-column: 3 / 4;
        width: 28px;
    }
    #column3 {
        grid-column: 4 / 5;
        width: 15px;
    }
    #column4 {
        grid-column: 5 / 6;
        width: 128px;
    }
    #column5 {
        grid-column: 6 / 7;
        width: 37px;
    }
    #column6 {
        grid-column: 7 / 8;
        width: 64px;
    }
    #column7 {
        grid-column: 8 / 9;
        width: 26px;
    }
    #column8 {
        grid-column: 9 / 10;
        width: 48px;
    }
    #column9 {
        grid-column: 10 / 11;
        width: 42px;
    }
    #column10 {
        grid-column: 11 / 12;
        width: 73px;
    }
    #column11 {
        grid-column: 12 / 13;
        width: 25px;
    }
    #column12 {
        grid-column: 13 / 14;
        width: 48px;
    }
    #column13 {
        grid-column: 14 / 15;
        width: 15px;
    }
    #column14 {
        grid-column: 15 / 16;
        width: 20px;
    }
    #column15 {
        grid-column: 16 / 17;
        width: 85px;
    }
    #column16 {
        grid-column: 17 / 18;
        width: 63px;
    }
    #column17 {
        grid-column: 18 / 19;
        width: 48px;
    }
    #column18 {
        grid-column: 19 / 20;
        width: 98px;
    }
    #column19 {
        grid-column: 20 / 21;
        width: 34px;
    }
    #column20 {
        grid-column: 21 / 22;
        width: 75px;
    }
    #column21 {
        grid-column: 22 / 23;
        width: 89px;
    }
    #column22 {
        grid-column: 23 / 24;
        width: 16px;
    }
    #column23 {
        grid-column: 24 / 25;
        width: 34px;
    }

    #row1 {
        grid-row: 1 / 2;
        height: 37px;
    }
    #row2 {
        grid-row: 2 / 3;
        height: 77px;
    }
    #row3 {
        grid-row: 3 / 4;
        height: 36px;
    }
    #row4 {
        grid-row: 4 / 5;
        height: 94px;
    }
    #row5 {
        grid-row: 5 / 6;
        height: 90px;
    }
    #row6 {
        grid-row: 6 / 7;
        height: 116px;
    }
    #row7 {
        grid-row: 7 / 8;
        height: 51px;
    }
    #row8 {
        grid-row: 8 / 9;
        height: 36px;
    }
    #row9 {
        grid-row: 9 / 10;
        height: 82px;
    }
    #row10 {
        grid-row: 10 / 11;
        height: 277px;
    }
    #row11 {
        grid-row: 11 / 12;
        height: 80px;
    }
    #row12 {
        grid-row: 12 / 13;
        height: 28px;
    }
    #row13 {
        grid-row: 13 / 14;
        height: 52px;
    }
    #row14 {
        grid-row: 14 / 15;
        height: 25px;
    }
    #row15 {
        grid-row: 15 / 16;
        height: 27px;
    }
    #row16 {
        grid-row: 16 / 17;
        height: 98px;
    }
    #row17 {
        grid-row: 17 / 18;
        height: 25px;
    }
    #row18 {
        grid-row: 18 / 19;
        height: 128px;
    }
    #row19 {
        grid-row: 19 / 20;
        height: 60px;
    }
    #row20 {
        grid-row: 20 / 21;
        height: 48px;
    }
    #row21 {
        grid-row: 21 / 22;
        height: 46px;
    }
    #row22 {
        grid-row: 22 / 23;
        height: 44px;
    }
    #row23 {
        grid-row: 23 / 24;
        height: 63px;
    }
    #row24 {
        grid-row: 24 / 25;
        height: 25px;
    }
    #row25 {
        grid-row: 25 / 26;
        height: 27px;
    }
    #row26 {
        grid-row: 26 / 27;
        height: 98px;
    }
    #row27 {
        grid-row: 27 / 28;
        height: 30px;
    }
    #row28 {
        grid-row: 28 / 29;
        height: 220px;
    }
    #row29 {
        grid-row: 29 / 30;
        height: 41px;
    }
    #row30 {
        grid-row: 30 / 31;
        height: 93px;
    }
    #row31 {
        grid-row: 31 / 32;
        height: 30px;
    }
    #row32 {
        grid-row: 32 / 33;
        height: 25px;
    }
    #row33 {
        grid-row: 33 / 34;
        height: 27px;
    }
    #row34 {
        grid-row: 34 / 35;
        height: 98px;
    }
    #row35 {
        grid-row: 35 / 36;
        height: 33px;
    }
    #row36 {
        grid-row: 36 / 37;
        height: 148px;
    }
    #row37 {
        grid-row: 37 / 38;
        height: 33px;
    }
    #row38 {
        grid-row: 38 / 39;
        height: 34px;
    }
    #row39 {
        grid-row: 39 / 40;
        height: 92px;
    }
    #row40 {
        grid-row: 40 / 41;
        height: 34px;
    }
    #row41 {
        grid-row: 41 / 42;
        height: 40px;
    }
    #row42 {
        grid-row: 42 / 43;
        height: 24px;
    }
    #row43 {
        grid-row: 43 / 44;
        height: 27px;
    }
    #row44 {
        grid-row: 44 / 45;
        height: 209px;
    }
    #row45 {
        grid-row: 45 / 46;
        height: 174px;
    }
    #row46 {
        grid-row: 46 / 47;
        height: 91px;
    }
    #row47 {
        grid-row: 47 / 48;
        height: 38px;
    }
    #row48 {
        grid-row: 48 / 49;
        height: 25px;
    }
    #row49 {
        grid-row: 49 / 50;
        height: 64px;
    }









    #indexhero {
        background-color: rgb(0,0,0);
        grid-row: 1 / 7;
        grid-column: 2 / -2;
        z-index: 1;
        color: white;
        text-align: center;
        margin:0;
        padding-top: 200px;
    }

    header {
        background-color: grey;
        grid-row: 4 / 7;
        grid-column: 3 / 11;
        z-index: 2;
    }

    #logo {
        background-color: white;
        color:black;
        grid-row: 1 / 4;
        grid-column: 3 / 6;
        z-index: 10;
    }

    nav {
        background-color: lightblue;
        grid-row: 2 / 3;
        grid-column: 7 / 24;
        z-index: 10;
    }

    nav ul {
        margin: 0px;
        padding: 0px;
        display: flex; 
        flex-flow: row nowrap;
        list-style-type: none;
    }

    nav ul li {
        width: 100%;
    }

    nav a {
        text-decoration: none;
    }

    #navbackground {
        background-color: rgba(0, 0, 138,0.5);
        grid-row: 1 / 4;
        grid-column: 2 / -2;
        text-align: right;
        z-index: 2;
    }

    .whoarewe {
        background-color: blue;
        grid-row: 10 / 11;
        grid-column: 2 / 8;
        z-index: 14;
    }

    #backgroundwhoarewe {
        background-color: white;
        grid-row: 8 / 13;
        grid-column: 2 / 15;
        color:black;
        z-index: 4;
    }

    .aboutus {
        background-color: aqua;
        grid-row: 7 / 10;
        grid-column: 17 / 23;
        z-index: 10;
    }

    .description {
        background-color: blue;
        grid-row: 10 / 14;
        grid-column: 17 / 23;
        z-index: 10;
    }

    #aboutushero {
        background-color: black;
        color:white;
        grid-row: 9 / 12;
        grid-column: 7 / 13;
        z-index: 12;
    }

    #aboutusbackground {
        background-color: darkblue;
        grid-row: 7 / 14;
        grid-column: 2 / -2;
        z-index: 3;
    }

    #section1 {
        background-color: black;
        grid-row: 14 / 15;
        grid-column: 2 / -2;
        z-index: 12;
    }

    .qotd {
        background-color: aquamarine;
        grid-row: 16 / 17;
        grid-column: 2 / -2;
        z-index: 10;
    }

    .quote {
        background-color:brown;
        grid-row: 18 / 19;
        grid-column: 2 / 16;
        z-index: 10;
    }

    .author {
        background-color:antiquewhite ;
        grid-row: 20 / 22;
        grid-column: 12 / -2;
        color:black;
        z-index: 10;
    }

    .clickherequote {
        background-color:aquamarine;
        grid-row: 21 / 23;
        grid-column: 4 / 9;
        z-index: 10;
    }

    #qotdbackground {
        background-color:grey;
        grid-row: 15 / 24;
        grid-column: 2 / -2;
        z-index: 1;
    }

    #section2 {
        background-color: black;
        grid-row: 24 / 25;
        grid-column: 2 / -2;
        z-index: 3;
    }

    .apollo11 {
        background-color:purple;
        grid-row: 26 / 27;
        grid-column: 2 / -2;
        text-align: center;
    }

    #apollo11hero {
        background-color: yellow;
        grid-row: 26 / 31;
        grid-column: 3 / 9;
        z-index: 10;
    }

    #apollo11description {
        background-color: blue;
        grid-row: 28 / 29;
        grid-column: 2 / 21;
        text-align: right;
    }

    .clickheremissions {
        background-color:aquamarine;
        grid-row: 30 / 31;
        grid-column: 14 / 20;
    }

    #section3 {
        background-color: black;
        grid-row: 32 / 33;
        grid-column: 2 / -2;
    }

    .constellation {
        background-color:blue;
        grid-row: 34 / 35;
        grid-column: 2 / -2;
    }

    #constellationofmonth {
        background-color: blue;
        grid-row: 36 / 37;
        grid-column: 11 / -2;
    }

    #constellationdescription {
        background-color: aqua;
        grid-row: 38 / 41;
        grid-column: 2 / 17;
    }

    .clickhereconstellations {
        background-color:aquamarine;
        grid-row: 39 / 40;
        grid-column: 18 / 23;
    }

    #section4 {
        background-color: black;
        grid-row: 42 / 43;
        grid-column: 2 / -2;
    }

    .planets {
        background-color:blueviolet;
        grid-row: 44 / 45;
        grid-column: 2 / -2;
    }

    .clickhereplanets {
        background-color:aquamarine;
        grid-row: 46 / 47;
        grid-column: 8 / 19;
    }

    #section5 {
        background-color: black;
        grid-row: 48 / 49;
        grid-column: 2 / -2;
    }
}