.container-fluid{
  margin-top:calc(2rem + 3vmax);
  /* min-height:calc(100vh - calc(2rem + 4vmax)); */
}
section{
  padding-top: 5.5vmax;
  width:clamp(300px, 80%, 1200px);
  margin: 0% auto;
  font-size: calc(1rem + .25vw);
  display:grid;
  /* grid-template-columns: repeat(auto-fit, clamp(225px, 50%, 270px)); */
  grid-gap:0.5rem;
  /* padding-bottom: 5vmax; */
  grid-template-columns: repeat(30, 1fr);
  /* grid-template-rows: repeat(25, 5vh); */
  grid-gap: 5px 10px;
  /* grid-auto-flow: dense; */
}
article{
/* width:clamp(225px, 50%, 290px); */
  display:grid;
  transition: transform .2s;
}
article:hover{
  transform:scale(1.05);
}
img{
    /* to avoid blurry images */
  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0); /* IE 9 */
  -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
  transform: translateZ(0);
    /* display: block; */
}
.item{
  display: grid;
  /* border:2px solid red; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item > img {
  /* max-width: 100%;
  overflow: hidden; */
  /* display:flex;
  justify-content:center; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.picture01 {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 3;
}
.picture02 {
  grid-column-start: 7;
  grid-column-end: 16;
  grid-row-start: 1;
  grid-row-end: 3;
}
.picture03 {
  grid-column-start: 16;
  grid-column-end: 30;
  grid-row-start: 1;
  grid-row-end: 3;
}
.picture04 {
  grid-column-start: 1;
  grid-column-end: 11;
  grid-row-start: 4;
  grid-row-end: 10;
}
.picture05 {
  grid-column-start: 11;
  grid-column-end: 19;
  grid-row-start: 4;
  grid-row-end: 7;
}
.picture06 {
  grid-column-start: 11;
  grid-column-end: 19;
  grid-row-start: 7;
  grid-row-end: 10;
}
.picture07 {
  grid-column-start: 19;
  grid-column-end: 30;
  grid-row-start: 4;
  grid-row-end: 10;
}
.picture08 {
  grid-column-start: 1;
  grid-column-end: 13;
  grid-row-start: 10;
  grid-row-end: 13;
}
.picture09 {
  grid-column-start: 13;
  grid-column-end: 22;
  grid-row-start: 10;
  grid-row-end: 13;
}
.picture10 {
  grid-column-start: 22;
  grid-column-end: 30;
  grid-row-start: 10;
  grid-row-end: 13;
}
video {
  width: 80% !important;
  height: 80% !important;
  display: block;
  margin: 0 auto;
  margin-top: 100px;
}
.pswp__caption__center{
  text-align: center;
  font-size: 1.5rem;
  padding:5px;

}
iframe {
  width: 80% !important;
  height: 80% !important;
  display: block;
  margin: 0 auto;
  margin-top: 100px;
}
.work{
  font-size: 5rem;
}
.work_lg{
    font-size: 5.5rem;
}
.work-title{
  padding-top: 5.5vmax;
  width:clamp(300px, 80%, 1200px);
  margin:0% auto;
  color:#ffcb02;
  font-family:typewriterFont;
  line-height: 1;
  letter-spacing: 0.15rem;

}