@media screen and (max-width:949px){
    
    nav ul {
        display: flex;
        li {
            padding: 10px;
        }
    }   }

@media screen and (min-width:1025px){
    main {
        width: 80%;
    }
    
    nav {
        width: 16%;
        margin-top: 1rem;
        position: fixed;
        right: 10px;
        padding: 10px;

        ul li {
            padding: 5px 0px;
        }
    }    
    }

.gallery div {
    display: grid;
    align-content: space-evenly;
    justify-content: space-evenly;

    .images {
            display: flex;
            flex-wrap: wrap;
        }

    @media screen and (min-width: 800px) {
        grid-template-columns: 250px 1fr;
        grid-template-rows: 1fr;

        .text-content {
            
            flex-wrap: wrap;
            flex-direction: column;
            align-items: start;
            grid-row: 1/2;
            grid-column: 1/2;
            display: flex;
            .description {
                display: inline;
            }
        }

        .images {
            grid-row: 1/2;
            grid-column: 2/3;
        }
    }
}

.gallery .basic {
    @media screen and (min-width: 800px) and (max-width: 1599px) {
        grid-template-columns: 1fr 2fr;
        table {
            grid-column: 1/2;
            grid-row: 2/3;
            margin-top: 20px;
        }
        .images {
            grid-column: 2/3;
            grid-row: 1/3;
        }
    }
    @media screen and (min-width: 1600px) {
        grid-template-columns: 250px 1fr 2fr;
        
        table {
            grid-column: 2/3;
            grid-row: 1/2;
        }
        .images {
            grid-column: 3/4;
        }
    }
}

.topics {
    div {
        margin: 10px;
        padding: 10px;
    }
    @media screen and (min-width: 900px) {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
    }
}