@import url('https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap');
.photo-grid {
    padding-left: 10px;
    padding-right: 10px;
}
.photo-grid h2 {
    margin:0 5px 5px 5px;
    font-family: 'Permanent Marker', cursive;
}
.my-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.my-gallery figure {
    width:24%;
    margin: 0.5%;
}

.my-gallery figure img {
    width:100%;
}

.my-gallery figure figcaption {
    display: none;
}
.pswp__caption .pswp__caption__center {
    max-width: 600px;
}

.pswp__caption__center h4,
.pswp__caption__center p {
    color: white;
    margin-bottom: 0;
}
.pswp__caption__center button.button {
    float: right;
    padding: 4px 15px;
}
@media (max-width: 768px) {
    .my-gallery figure {width:32%;}
}

@media (max-width:479px) {
    .my-gallery figure {width:49%;}
}

@media (max-width:360px) {
    .my-gallery figure {width:99%;}
}