.gallery_article1 {
    padding-top: 50px;
}
.photo_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 10px;
    margin-bottom: 50px;
}
  
.photo_grid div {
    height: 200px;
    background-color: grey;
}
  
.photo_grid div img{
    height: 200px;
    object-fit: cover;
}


/****************MEDIA QUERIES FOR ALL DEVICE SIZES*****************/
/* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {}

/* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
    .photo_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
      
    .photo_grid div {
        height: 150px;
        background-color: grey;
    }
      
    .photo_grid div img{
        height: 150px;
        object-fit: cover;
    }
}

/* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 310px to 479px */
@media (min-width: 320px) and (max-width: 480px) {
    .photo_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
      
    .photo_grid div {
        height: 150px;
        background-color: grey;
    }
      
    .photo_grid div img{
        height: 150px;
        object-fit: cover;
    }
}
/****************MEDIA QUERIES FOR ALL DEVICE SIZES*****************/