@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

#area_portfolio {
  margin-top: 9dvh;
  height: 92dvh;
  padding-left: 10px;
  padding-right: 10px;
}
#area_portfolio #portfolio_grid {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  gap: 5px;
}
#area_portfolio #portfolio_grid .portfolio_picture img {
  width: 100%;
  height: 100%;
}
#area_portfolio #portfolio_grid .portfolio_text {
  text-align: center;
}

/* ---- MEDIA QUERIES ---- */
/* Media Query: Tablet Portrait (z. B. iPad Pro 11") */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #area_portfolio #portfolio_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
@media only screen and (max-width: 932px) and (orientation: landscape) {
  #area_portfolio #portfolio_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
/* Media Query: Tablet Landscape (z. B. iPad Pro 11") */
@media only screen and (min-width: 933px) and (orientation: landscape) {
  #area_portfolio #portfolio_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_portfolio #portfolio_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_portfolio #portfolio_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  #area_portfolio #portfolio_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
  }
}/*# sourceMappingURL=sfr_website_portfolio.css.map */