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


    header {
        justify-content: center;
    }

    header h1 {
        padding: 0px 20px;
    }

    header p {
        padding-left: 20px;
    }

    /*home page*/
    #homemain article {
        width: 100%;
    }

    #homemain section {
        display: flex;
        padding: 15px 50px;
    }

    #homemain section:nth-child(even) {
        flex-direction: row-reverse;
    }

    #storytext {
        position: absolute;
        bottom: 20px;
        left: 125px;
        box-shadow: 7px 7px 10px black;
    }

    /*gallery page*/

    .griddiv {
        grid-template-columns: 1fr 1fr;
    }

    /*content page*/
    .contentmain {
        max-width: 900px;
    }

    #forcastdiv {
        display: block;
        padding-top: 5px;
        margin: 20px auto 15px;
        box-shadow: 2px 2px 5px black;
        max-width: 900px;
        background-color: rgba(175, 177, 185, 0.8);
    }

    #forecast {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 0 auto;
        text-align: center;
    }

    #articlediv {
        flex-direction: row;
    }

    #articlesection h3 {
        text-align: center;
    }

    #map-contact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 900px;
        margin: 0 auto;
    }

    #mapph {
        display: block;
        max-width: 100%;
    }
}