h1 {
        text-align: center;
        margin: 30px;
        }
        
        h2 {
        text-align: center;
        margin: 5px auto;
        /* display: block; */
        }

        h3 {
        text-align: center;
        }
        
        body {
        /* margin: 20px; */
        /* padding: 0; */
        text-align: justify;
        font-family: 'Roboto', sans-serif;
        }

        a { text-decoration: none; }

        h2 a:link {
                text-decoration: none;
                background-color: #cea135;
            }
       
       /* styles the holding masonry container */

       .masonryholder{
        column-count: 4;
        column-gap: 20px;
        max-width: 1600px;
        margin: 0 auto;
        }
        
        /* styles the individual masonry blocks */
        
        .masonryblocks{
        display: inline-block;
        background: white;
        padding: 20px;
        margin: 0 0 15px;
        width: 100%;
        box-sizing: border-box;
        /* border: 1px solid #000000; */
        }

        .images-wrapper1 {
        column-count: 4;
        column-gap: 20px;
        max-width: 1600px;
        margin: 0 auto;       
        }

        .image-blocks1 {
        display: inline-block;
        background: white;
        padding: 20px;
        margin: 0 0 15px;
        width: 100%;
        box-sizing: border-box;
        /* border: 1px solid #000000; */
        }
        
        /* styles the images in the individual masonry blocks */
        
        .masonryblocks img{
        width: 100%;
        cursor: pointer;
        }

        .image-blocks1 img{
        width: 100%;
        cursor: pointer;
        }

        #lightbox {
        position: fixed;
        z-index: 1000;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        display: none;
        }
                      
        #lightbox.active {
        display: flex;
        justify-content: center;
        align-items: center;
        }
                      
        #lightbox img {
        max-width: 90%;
        max-height: 80%;
        padding: 4px;
        background-color: black;
        border: 2px solid white;
        }

        .more {display: none;}

        button{
                margin-top: 15px;
                display: block;
                background-color: #cea135;
                color: white;
                border:none;
                outline: none;
                padding: 8px 20px;
                text-transform: capitalize;
                cursor: pointer;
                font-size: 18px;
        }
        
        /* masonry layout narrower than 768px screen width */
        
        @media screen and (max-width:768px){
        .masonryholder{
        column-count: 1;
        }
        }

        @media screen and (max-width:768px){
         .images-wrapper1{
        column-count: 2;
        }
        }        
        
        /* masonry layout wider than 768px screen width */
        
        @media screen and (min-width:769px){
        .masonryholder{
        column-count: 2;
        }
        }

        @media screen and (min-width:768px){
        .images-wrapper1{
        column-count: 3;
        }
        }
        
        /* masonry layout wider than 1080px screen width */
        
        @media screen and (min-width:1080px){
        .masonryholder{
        column-count: 3;
        }
        }

        @media screen and (min-width:1080px){
        .images-wrapper1{
        /* column-count: was 4; */
        column-count: 3;
        }
        }
        
        /* masonry layout wider than 1200px screen width */
        
        @media screen and (min-width:1200px){
        .masonryholder{
        /* column-count: was 4 */
        column-count: 3;
        }
        }