@media screen and (max-width:600px){
    .architecture-heading{
        text-align: center;
        margin-bottom: 40px;

    }
    .arc-album{
    display: grid;
    grid-column-gap: 8px;
    grid-row-gap: 11.5px;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    justify-content: center;
    }
    .arc-album-img{
        max-width: 80%;
        border-radius: 8px;
        display: block;
        margin: 0 auto;
    }
    .arc-album-img:hover{
        transform: scale(1.035);
    }


}