div{
  transition: width 0.3s;
}
.card-section{
  padding-left: 0;
  padding-right: 0;
}
  
.card-section h1{
  padding-left: 7vw;
}

.card-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end;
    margin-top:5em;
    margin-bottom:5em;
}

@media (max-width:1200px){
  .card-column{
    margin-bottom:0;
  }
}

.card-column {
  padding-left:7vw;
  padding-right:7vw;
}

@media (max-width:1870px){
  .card-column{
    padding-left:0;
    padding-right:0;
  }
}

  .card {
    height: 400px;
    width: 400px;
    border-radius: 0 !important;
    padding:50px 40px;
    font-weight:600;
    font-size:16px;
  }


  .card-image{
    background-size:cover;
    border:0;
  }

  .card h5{
        text-transform:uppercase;
        letter-spacing: 0.075em;
        margin-bottom:30px;
  
  }

  .card span{
    border-bottom:3px solid black;
    padding-bottom:2px;
    line-height:1.75;
  }

  .card b{
      margin-top:10px;
      font-size:18px;
  }

  .black{
      background-color:#000;
      color: #fff;
      font-weight:700;
      font-size:18px;
      padding: 50px 25px 50px 30px;
  }

  .card-black{
      background-color:#000;
      color: #fff;
  }
  
.card-black a{
  background-color:#fff;
}

  #map {
    height: 100%;
    width: 100%;
  }

  .card-map{
    width:800px;
    padding:0;
  }

  @media (max-width:1600px){
    .card-map{
      width:400px;
    }

  }

  @media (max-width:800px){
    .card, .card-map{
      width:360px;
    }
  }

  @media (max-width:720px){
    .card, .card-map{
      width:100%;
    }
  }

  

  .card ol{
    line-height:2;
    padding-inline-start:16px;
  }


  h3{
    margin-top:100px;
    text-align:center;
}

.otworz-lodziarnie :nth-child(1) h3{
    margin-top:120px;    
}

.otworz-lodziarnie :nth-child(9) h3{
    margin-top:60px;    
}