/* Samples page styles */

section#pg-samples {
  background: var(--bg);
}

section#pg-samples .sample-image {
  margin: var(--lg) 0;
}

section#pg-samples .sample-image img {
  width: 100%;
  max-width: 1200px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border-radius: var(--radius);
}


/* Responsive */
@media (max-width: 768px) {
  section#pg-samples .sample-image img {
    max-height: 400px;
  }
}

@media (max-width: 480px) {
  section#pg-samples .sample-image img {
    max-height: 300px;
  }
}

@media (max-width: 320px) {
  section#pg-samples .sample-image {
    margin: var(--md) 0;
  }
}