.ambientes {
  max-width: 980px;
  margin: 0 auto 50px; }
  .ambientes h1 {
    margin: 50px auto;
    font-size: 2.5rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #47003c; }
  .ambientes ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .ambientes ul li {
      min-width: 150px;
      width: 23%;
      height: 150px;
      flex: 0 0 auto;
      margin: 0 5px 10px;
      text-align: center;
      background-color: red;
      background-size: cover;
      background-position: center top;
      border: 5px solid black; }
      .ambientes ul li:hover {
        border: 2px solid black;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        cursor: pointer; }