@media screen and (min-width:800px) {
    nav {
        flex-direction: row;
        justify-content: center;
    }

    #menu {
        display: none;
    }

    nav a {
        display: block;
    }

    main {
        display: grid;
        width: 100%;
        gap: 1rem;
    }

    #hero {
        grid-column: 1/3;
        grid-row: 1/2;
    }

    main #indexh1 {
        grid-column: 1/3;
        justify-self: left;
        grid-row: 2/3;
    }

    #activities {
        grid-column: 1/2;
        grid-row: 3/4;
        margin-bottom: 0;
    }

    #information {
        grid-column: 2/3;
        grid-row: 3/4;
    }

    #map {
        grid-column: 1/3;
        grid-row: 4/5;
    }
    
}