.products {
  display: grid;
  grid-template-columns: 1fr;
  align-self: center;
  justify-self: center;
  width: 100vw;
  height: 70vh;
  height: 70dvh;
  height: 70svh;
  background-image: -webkit-linear-gradient(
      rgba(197, 188, 188, 0) 0%,
      rgba(0, 0, 0, 1) 100%
    ),
    url(/static/lagediapp/images/backgroundproducts2.jpg);
  background-position: center;
  background-size: cover;
  font-family: "Urbanist Thin";
  gap: 2em;
}

.products p {
  font-size: clamp(1rem, 5vw, 2.5rem);
  color: #fff;
  align-self: center;
  justify-self: center;
}

.products-container {
  display: grid;
  grid-template-columns: 1fr;
  align-self: center;
  justify-self: center;
  width: 100vw;
  height: 20em;
  font-family: "Urbanist Thin";
}

.subtitle {
  font-size: clamp(1.8rem, 5vw , 2.5rem);
  color: #9c9c9c;
  align-self: center;
  justify-self: center;
}

.kitchens-images {
  width: 100%;
  max-height: 100%;
  display: grid;
  align-items: center;
  object-fit: cover;
}

.kitchens-images img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

.kitchens-images-right {
  grid-column: 1 / 3;
}

.kitchens-title {
  width: 100%;
  height: 10em;
  display: grid;
  font-family: "Urbanist Thin";
}
.kitchens-title h3 {
  align-self: center;
  justify-self: start;
  font-size: clamp(1rem, 5vw ,1.3rem);
  color: #9c9c9c;
  font-weight: thin;
}
.kitchens-title p {
  align-self: flex-start;
  justify-self: start;
  font-size: clamp(1.2rem, 5vw ,1.5rem);
  color: #9c9c9c;
}

.kitchens-title button {
  width: 10%;
  border-radius: 0%;
}

.portfolio-section {
  font-family: "Urbanist Thin";
  width: 100%;
  height: 20em;
  display: grid;
}
.portfolio-section h3 {
  justify-self: center;
  align-self: center;
  font-size: clamp(1.2rem, 5vw ,1.8rem);
  font-size: clamp(1.5rem, 5vw, 2rem);
  color: #b5b5b5;
}
.portfolio-section a {
  justify-self: center;
  align-self: center;
  font-size: clamp(1.2rem, 5vw ,1.3rem);
  color: #b5b5b5;
  text-decoration: none;
}

.ctahome button {
  text-decoration: none;
  font-size: 1rem;
  color: #b5b5b5;
  padding: 25px;
  border: 1px solid #b5b5b5;
  border-radius: 50%;
  line-height: 1.5em;
  background: transparent;
}


.bedrooms-content {
  width: 100%;
  height: 100%;
 
}
.tvstand-content {
  width: 100%;
  height: 100%;
 
}
.bedrooms-images {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 5px;
}
.bedrooms-images img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

@media (min-width: 1000px) {
  .kitchens-images {
    grid-template-columns: repeat(3, 1fr);
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .bedrooms-content {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    align-items: center;
  }
  .tvstand-content {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    align-items: center;
  }
}