@media only screen and (min-width: 1200px) {

    #menu {
        display: none;
    }
    .navigation li {
        display: grid;
        display: inline;
    }
    nav ul {
        display: grid;
		grid-template-columns: repeat(4, 1fr);
	} 
    .navigation {
        max-width: 1200px;
        justify-content: center;
        list-style: none;
        display: flex;
        flex-direction: row;
        margin-top: 15px;
    }
    .navigation ul li {
        margin: 0;
        padding: 0;
    }
    ul.navigation.responsive {
        background-image: none;
    }
    ul a {display:block;
        width:200px;
        position: relative;
    }
    nav a:hover {
        transition: background-color 1s, color 1s;
        background-color: white; 
        opacity: .75;
        color: black;
        border-radius: 20px;
    }
    .headerGrid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 1fr 1fr;
        position: relative;
    }
    nav {
        background-image: none;
    }
    .headHeader {
        font-size: 2em;
        margin: 0;
        grid-column: 2 / 4;
        position: relative;
        top: 10%;
    }
    .promotion {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        bottom: 10%;
    }
    .headerDate {
        grid-column: 4;
        text-align: center;
        grid-row: 2;
        bottom: 10%;
        font-size: 2.5em;
        position: absolute;
    }
    .logo {
        width: 100px;
        height: auto;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto 1fr;
    }
    .welcomeA {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
        height: 100%;
        width: 100%;
    }
    .welcomeHeader {
        display: block;
        font-size: 2em;
    }
    .joinButton {
        top: 70%;
    }
    .ribbonA {
        height: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .weatherA { 
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .newsA {
        grid-column: 2 / 4;
        grid-row: 2 / 3;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .joinA {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .joinAButton {
        width: 10em;
    }
    .leftContent {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .spotlight {
        display: block;
        grid-column: 4 / 5;
        grid-row: 1 / 3;
    }
    .spotlight1 {
        grid-column: 1;
        height: auto;
    }
    .spotlight2 {
        grid-column: 2;
        margin: 0px;
    }
    .spotlight3 {
        display: block;
    }
    .spotlight3Image {
        width: 200px;
    }
    .spotlight3Header2 {
        border-top: 1px solid white;
    }
    footer {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: 1fr .30fr;
        text-align: unset;
    }
    .footerLogo {
        grid-column: 1 / 3;
        margin: 5px;
        width: 100px;
        height: auto;
    }
    .footerHeader {
        grid-column: 3 / 7;
        grid-row: 1 / 2;
        justify-content: center;
        font-size: 1.5em;
    }
    .footerInfo {
        grid-column: 8 / 10;
        justify-content: center;
        align-items: center;
    }
    .footerTag {
        grid-column: 2 / 8;
        grid-row: 2;
        margin-top: 10px;
    }
    .footerDate {
        grid-column: 7 / 11;
        grid-row:2;
        margin-top: 10px;
        text-align: center;
    }

    /*Discover Page Here */
    .discoverFood, .discoverMarket, .discoverHiking, 
    .discoverMusic, .discoverBaseball {
        width: 100%;
        margin: 0 auto 20px;
    }
    .discoverHeader {
        margin-bottom: 10%;
        margin-top: 0;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: underline;
        border-radius: 15px;
        grid-column: 1 / 5;
        grid-row: 1 / 2;
        height: 100%;
        width: 100%;
        background-image: url("../images/forestImage.jpg");
        background-position: center;
        background-size: cover;
        padding: 50px;
    }
    .discoverFood {
        grid-column: 1 / 2;
        grid-row: 2 / 4;
    }
    .discoverMarket {
        grid-column: 2 / 4;
        grid-row: 2 / 4;
    }
    .discoverHiking {
        grid-column: 4 / 5;
        grid-row: 2 / 4;
    }
    .discoverMusic {
        grid-column: 1 / 3;
        grid-row: 5 / 7;
    }
    .discoverBaseball {
        grid-column: 3 / 5;
        grid-row: 5 / 7;
    }
    .timeBetweenVisits {
        grid-column: 1 / 5;
        grid-row: 9;
        
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }


    /*Join Page Styles*/


    .joinDiv {
        grid-column: 1 / 5;;
    }
    .joinHeader {
        font-size: 3em;
    }



    /*Thank You Styles*/


    .cheersImage {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        height: 250px;
        width: auto;
    }
    .cheersWrapper {
        display: block;
    }
    .thankYouHeader {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        text-decoration: underline;
        grid-column: 1 / 4;
        font-size: 3em;
        grid-row: 2 / 3;
    }
    .thankYouImage {
        width: 300px;
        display: flex;
        grid-column: 1 / 3;
        grid-row: 3 / 5;
        height: 500px;
    }
    .thankYouHeader2 {
        margin: 0 auto;
        width: 80%;
        grid-column: 3 / 4;
        font-size: 2em;
        grid-row: 3 / 5;
    }
    .thankYouHeader3 {
        grid-row: 6 / 7;
        grid-column: 1 / 4;
        text-align: center;
        font-size: 2em;
    }

    /* Directory and Wireframe Styles */
    .wireframeDiv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        grid-column: 1 / 5;
        grid-row: auto;
    }

    /* Contact Page Styles */


    .contactWrapper{
        grid-column: 1 / 5;
        grid-row: auto;
    }
}