@import url(../../css/styles.css);

.pt-img-1{
  background-image: url(../../images/POSTERS/01_BTS_03_V3.jpg);
  aspect-ratio: 4/5;
}

.pt-img-2{
  background-image: url(../../images/POSTERS/01_CX_01_V1.jpg);
    aspect-ratio: 4/5;
}

.pt-img-3{
  background-image: url(../../images/POSTERS/01_CX_01_V2.jpg);
    aspect-ratio: 4/5;
}

.pt-img-4{
  background-image: url(../../images/POSTERS/01_PC_01_V3.jpg);
  aspect-ratio: 4/5;
}

.spacer{
  grid-column: span 8;
}

.pt-img{
  grid-column: span 8;
}

.container-grid{
  min-height: 82vh;
  align-items: center;
}

.coming-soon{
  grid-column: span 8;
  padding-top: var(--space-xl-lg);
}

.coming-soon .p2-mono{
  margin-left: auto;
  margin-right: auto;
}

/* TABLET */
@media only screen and (min-width: 768px) {
  .spacer{
    grid-column: span 12;
  }
  
  .pt-img{
    grid-column: span 6;
  }

  .coming-soon{
    grid-column: span 12;
  }
}

/* DESKTOP */
@media only screen and (min-width: 1200px) {
  .pt-img{
    grid-column: span 3;
  }

  .spacer{
    padding-top: var(--space-xl);
  }
}

/* LARGE SCREEN */
@media only screen and (min-width: 1440px) {

}