/* medium media query */
@media only screen and (min-width: 32.5em) {

    header img {
        margin: 5px 10px;
        float: left;
        display: block;
        max-width: 100px;
    }

    h1 {
        font-size: 3rem;
     
     }
    
    h2 {
        font-size: 2.25rem;
    }
    
    h3 {
        font-size: 1.75rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    nav ul { display: flex; }
    nav ul li { flex: 1 1 100%; }

    main {
        font-size: 1rem;
    }
 
    .container {
        grid-template-columns: 2fr 1fr;
        
    }

    main article {
        padding: 0 25px;
    }

    main img {
        margin: 35px auto;
   
    }

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