/* =========================
   Responsive
   ========================= */
@media (max-width: 1180px){
  :root{ --sb-w: 320px; }
  .cards4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 860px){
  .wrap{ grid-template-columns: 1fr; }
  .sb{
    position:relative;
    height:auto;
  }
  .board{ padding:20px 18px 60px; }
  .hTitle{ font-size: 38px; }
  .cards4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cards2{ grid-template-columns: 1fr; }
}