/* SECTION */

    section {
        display: flex;
        flex-direction: row;
        margin: 20px 20px 0% 20px;
    }
    
    .images figure {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    }
    
    div {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
        
    figcaption {
        margin: 20px ;
        text-align: center;
        max-width: 100%;
    }

    .images figcaption h2 {
        margin: auto;
    }
    
    figure:hover {
        transform: scale(1.05);
    }
        
/*     @media screen and (max-width: 1380px) {*/
        @media screen and (min-width: 980px) { 
    
            .images figure img {
                display: block;
                margin-left: auto;
                margin-right: auto;
                max-width: 96%;
                height: auto;
            }
    
            .images figcaption h2 {
                max-width: 90%;
                text-align: center;
            }
        }
/*     } */

    @media screen and (max-width: 800px) {
        .images {
            display: table;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
        }
    
    }


    @media screen and (max-width: 980px) {
        @media screen and (min-width: 800px) {
        
            .images {
                display: table;
                margin-left: auto;
                margin-right: auto;
                align-content: center;
            }
        
            .images figure img {
                width: 700px;
                height: auto;
            }

            figure:hover {
                transform: scale(1);
            }
        }
    }