/*large screen CSS.*/

@media screen and (min-width: 320px){
    .hamburger {
        display: none;
    }

    /* menu navigation */

    .main-nav {
        list-style: none;
        display: flex;
        justify-content: flex-start;
        gap: 1rem;
        height: 100%;
        width: 100%;
        background-color: #1b1b1b;
        text-decoration: none;
    }

    .main-nav a {
        border: none;
    }

    /* change main sections */
    main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 60px auto auto;
        gap: 15px;
    }

    h1 {
        grid-column: 1/4;
        margin: 0;
        align-self: center;
    }

    h2 {
        margin: 0;
    }

    .about {
        grid-column: 1/3;
        justify-content: flex-start;
    }
    
    .photo {
        justify-content: flex-start;
    }

    .photo h2 {
        padding: 4%
    }

    .photo img {
        margin: 15px;
        align-self: center;
    }
    
    .courses {
        grid-column: 1/4;
    }

    .courses h2 {
        padding: 1%;
    }
    
    .courses p {
        padding: .5rem;
    }


    .copywrite p {
        padding: .5rem;
    }

    #lastModified {
        padding: 0  0 .5rem 0;
    }
}