.custom-box {
  border: 2px solid red;
  padding: 40px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.custom-container {
  border: 2px solid red;
  padding: 10px;
}

.tall-box {
  padding: 130px 10px;
}

.medium-box {
  padding: 60px 10px;
}

/* Media Query - רספונסיבי */
@media (max-width: 750px) {
  /* כל העמודות במסך קטן - 100% רוחב */
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-7,
  .col-md-8,
  .col-md-10 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  .custom-box {
    min-height: 100px;
  }
  
  .tall-box,
  .medium-box {
    padding: 40px 10px;
  }
}