.work-hover-content { transition: all .2s ease-in-out; }
        .work-hover-content:hover { transform: scale(1.1); }
        
        @media only screen and (max-width: 767px) {
        
            .row{ 
                margin-left:0 !important;
                margin-right:0 !important;
            }
            
        
        }
       
        
        #imageModal{
            
            background:transparent;
            
        }
        
        
        #modalBtnClose{
            
            position:fixed;
            right:50%;
            top:-10px;
            transform: translate(50%, 0%);
            color:white;
            background:transparent;
            font-size:40px;
            outline:none;
            border: 0;
            opacity:0.8;
            padding:0;
            
        }
        
        #modalBtnClose:hover{
            opacity:0.1;
        }
        
        #modalBtnNext{
            
            position:fixed;
            right:0;
            top:50%;
            transform: translate(0, -50%);
            border-radius: 15px 0px 0px 15px;
            color:white;
            background:transparent;
            /*opacity:0.5;*/
            font-size:40px;
            outline:none;
            border: 0;
            height:20%;
            width:10%;

        }
        
        #modalBtnPrev{
            
            position:fixed;
            left:0;
            top:50%;
            transform: translate(0, -50%);
            border-radius: 0px 15px 15px 0px;
            color:white;
            background:transparent;
            /*opacity:0.5;*/
            font-size:40px;
            outline:none;
            border: 0;
            height:20%;
            width:10%;

        }
        
        #modalBtnPrev:hover, #modalBtnNext:hover {
            color:#1c63b8;
        }
        
        img {
            border-radius:5px;
        }

        .grid{
            display:grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap:20px;
        }
        
        .grid{
            display:grid;
            grid-gap:20px;
        }
        
        
        @media(min-width:750px){
                .grid{

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

        @media(max-width:750px){
            .grid{

                 grid-template-columns: 1fr 1fr;

                 }
            
        }
        
        @media(max-width:600px){
            
                .grid{
                        display:grid;
                        grid-template-columns: 1fr;
                        grid-gap:20px;
                    }
        }