.ski-slopes-grid {
  display: grid;
  grid-template-columns: repeat(5, auto);
  padding: 20px;
}

.macu-table-warning {
  grid-column: span 5;
}

/* RESPONSIVE */
/* eliminazione colonne inutili */
@media screen and (max-width: 750px){
  .ski-slopes-grid {
    grid-template-columns: repeat(3, auto);
  }
  .slope-lenght, .slope-altitude-quotes {
    display: none !important;
  }
  .macu-table-warning {
    grid-column: span 3;
  }
}

@media screen and (max-width: 450px){
  .ski-slopes-grid {
    padding: 0px;
    font-size: 14px;
  }

  .macu-table-header div {
    padding: 10px 3px;
  }
  
  .macu-table-warning {
    font-size: 14px;
    text-align: left;
    padding: 5px 0;
  }

  :where(.macu-table-item, .macu-table-header) div:first-child {
    justify-content: flex-start;
    padding-left: 15px;
    text-align: left;
  }
}