/* Photos Page Layout */
main .photos-page {
  width: 80vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* Photo Row Styles */
.photo-row {
  &.portrait,
  &.landscape {
    display: flex;
    flex-wrap: wrap;
  }
}

/* Photo Item Styles */
.photo-item {
  &.portrait {
    flex: 1 1 calc(25% - 20px);
    margin: 10px 20px 0 0;
  }

  &.landscape {
    flex: 1 1 calc(33.333% - 20px);
    margin: 10px 20px 0 0;
  }

  img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
  }
}


/* Media Queries for Responsiveness */
@media (max-width: 37.5em) {
  .photo-item {
    &.portrait, &.landscape {
      flex: 1 1 100%; 
      margin: 0.625rem 0; 
    }
  }
}