*{
    margin: 0
    padding: 0
    font-family:sans-derif;
        
}
.hdr .lnk{
    
}

.logo{
    Max-width: 160px;   
}
body{
    background: #ecf4fb;
}
.img-gallery{
    width: 80%;
    margin: 1px auto 30px;    
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 10px;
}

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

.img-gallery img:hover{
    transform: scale(0.8) rotate(-15deg);
    border-radius: 20px;
    box-shadow: 2 32px 75px rgba(68, 77,136, 0.2);
}
.full-img{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.full-img img{
    width: 40%;
    max-width: 600px;
    
}
.full-img span{
    position: absolute;
    top: 5%;
    right: 5%;
    color: azure;

}

.thomas_main .img_list
{
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}
.thomas_main .img_list img
{
    max-width: 400px !important;
}