@media only screen and (min-width: 64em) {

    .srTitle h1 {
        grid-column-start: 1;
        grid-row-start: 1;
        width: 100%;
        line-height: 4rem;
    }
    .srTitle h2 {
        grid-column-start: 1;
        grid-row-start: 2;
        width: 100%;
        line-height: 4rem;
    }
    .srTitle #logo {
        margin-left: -1rem;
    }
    .heading {
        display: grid;
        grid-template-columns: 55vw 45vw;
        grid-template-rows: 1fr 1fr;
        height: 10rem;

    }
    header .srTitle {
        margin
        width: 53vw;
        display: grid;
        grid-template-columns: 33vw 15vw;
        grid-template-rows: 3rem 3rem;
        grid-column-gap: 8vw;
        margin-left: 0;
        grid-column-start: 1;
        height: 8rem;
        border-bottom: none;
        border-top: none;

    }
    header .srTitle h1 {
        text-align: right;
        margin-top: .1rem;

    }

    header .srTitle h2 {
        text-align: right;
        margin-top: 0;
    }
    header .srTitle #logo {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        width: 8.5rem;
        height: auto;
        align-content: right;
        margin-top: 0;
    }
    header .mobileNav {
        grid-column-start: 2;
        max-width: 420px;
        display: flex;
        flex-wrap: wrap;
        height: 8.4rem;
        margin-top: 0rem;
        background-color: #39444e;
        padding-left: 1.5vw;
        border-bottom: none;
        border-top: none;

    }
    header .mobileNav ul li {
        font-size: 1.5rem;
        padding: .5rem;
        text-align: left;
        width: 7rem;
    }
    header .responsiveMenu li:hover {
        align-content: left;
        padding: .25rem;
        font-size: 1.5rem;
        text-align: left;
    }
    header {
        height: 10rem;
        border-top: 3px solid #f68b5f;
        border-bottom: 3px solid #f68b5f;
    }
    .responsiveMenu {
        display: inline-flex;
        flex-wrap: wrap;
        max-width: 39vw;
        padding: .05rem;
    }

    header .responsiveMenu {
        background-color: #39444e;
        height: 7rem;
        padding-top: 0;
        border-bottom: none;
        border-top: none;
    }
   header .responsiveMenu li a {
        color: #fdf4b4;
    }
    figure {
        display: flex;
        flex-direction: column;
        width: 64vw;
    }
    .tripDetails {
        width: 24vw;
        margin-left: 2rem;
    }
    .rafting #smallRafting {
        margin-top: 0;
    }

    .home {
        grid-template-columns: 25vw 75vw;
        grid-template-rows: auto;
    }
    .home #rafting2Home, #kayak1Home, #gourmet2Home {
        display: flex;
    }

    .home a img {
        width: inherit;
    }
    . home #rafting1Home {
        grid-column-start: 1;
        grid-row-start: 2;
        width: 24vw;
        height: auto;
    }

    .homeImg {
        display: none;
    }

    .home {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100vw;
    }
    .home .wideHomeImg a #smallRaft {
        width: 33vw;
        height: auto;
        margin: 0;
    }
    .home .wideHomeImg a #largeRaft {
        width: 66vw;
        height: auto;
        margin: 0;
    }
    .home .wideHomeImg a #smallKayak {
        width: 33vw;
        height: auto;
        margin: 0;
    }
    .home .wideHomeImg a #largeKayak {
        width: 66vw;
        height: auto;
        margin: 0;
    }
    .home .wideHomeImg a #fireImg {
        width: 33vw;
        height: auto;
        margin: 0;
    }
    .home .wideHomeImg a #tentImg {
        width: 66vw;
        height: auto;
        margin: 0;
    }
    .home .wideHomeImg {
        display: flex;
    }
    .home h4 {
        width: 50vw;
        background-color: #8abcab;
        color: #39444e;
        text-align: center;
        align-content: flex-end;
        vertical-align: middle;
        height: 2rem;
        font-size: 1.25rem;
        margin-right: 40vw;
        margin-left: 5vw;
        margin-top: -1rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        border: 3px solid white;
        z-index: -1;
        margin-bottom: 5rem;
        box-shadow: 1px 3px 10px #39444e;
    }
    .home p {
        width: 40vw;
        background-color: #8abcab;
        color: #39444e;
        text-align: left;
        vertical-align: middle;
        height: 8rem;
        font-size: 1.25rem;
        margin-right: 50vw;
        margin-left: 10vw;
        margin-top: -6rem;
        padding: 1rem;
        border: 3px solid white;
        z-index: -2;
        margin-bottom: 5rem;
        font-size: .75rem;
        line-height: 1rem;
        box-shadow: 1px 3px 10px #39444e;
    }
    h3 {
        text-align: center;
        font-size: 2rem;
        line-height: 1.65rem;
    }
    .reservations p {
        width: 75vw;
    }
    .reservations {
        max-width: 1100px;
    }

    .accord-header #guidePic3 {
        width: 43rem;
        margin-top: -1rem;
    }

    .reservations {
        display: flex;
        flex-direction: column;
        align-content: center;
    }
    .reservations h3 {
        width: 75vw;
    }
    .reservations .infoTitle h3 {
        width: 55vw;
        margin-left: -4rem;
        margin-top: 1.5rem;
    }

    footer p {
        width: 45vw;
    }

}