section#place {
  flex-wrap: nowrap;
  margin-top: 5rem;
  flex-direction: column;
}

section#place > div.container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  padding: 5rem 10rem 8rem 10rem;
}

section#place > div.container article {
  border: 1px solid #000;
  min-width: 330px;
  max-width: 400px;
  height: 400px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  padding: 2rem;
  background-color: #f9f9f9;
  transition: var(--default-transition);
}

section#place > div.container article:hover {
  transform: var(--default-transform);
}

section#place > div.container article figure {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--primary-color);
  width: 60px;
  min-height: 60px;
  border-radius: 10px;
  box-shadow: inset 0px -2px 4px rgba(0, 0, 0, 0.1);
  justify-content: center;
  margin-bottom: 15px;
}

section#place > div.container > article:hover {
  border: 1px solid var(--secondary-color);
}

section#place > div.container article div {
  display: flex;
  flex-direction: column;
}

section#place > div.container article span.name {
  margin-bottom: 10px;
  position: relative;
  font-weight: 700;
}

section#place > div.container article span.name::after {
  content: "";
  border-bottom: 2px solid var(--secondary-color);
  width: 100px;
  display: block;
  margin-top: 10px;
  position: absolute;
  left: 0;
}

section#place > div.container article .p_desc p:first-of-type {
  margin-top: 10px;
}

section#place > div.container article img {
  width: 60px;
}

@media (max-width: 370px) {
  section#place > div.container article {
    min-width: 340px;
    max-width: 340px;
  }
}