.story-card-a{left:0;top:25px;transform:rotate(-5deg)}
.story-card-b{right:-8px;top:95px;transform:rotate(5deg)}
.story-card-c{left:20px;bottom:20px;transform:rotate(3deg)}
.story-card-d{right:8px;bottom:10px;transform:rotate(-3deg)}

.route-grid{grid-template-columns:repeat(2,1fr)}
.route-preschool{background:#f2c6b6}

.sample-grid{grid-template-columns:repeat(4,1fr)}
.tone-1{background:#f2c6b6}
.tone-2{background:#f3d893}
.tone-3{background:#cadfc2}
.tone-4{background:#bed3e3}

@media(max-width:1050px){
  .sample-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .route-grid,.sample-grid{grid-template-columns:1fr}
}

@media(max-width:620px){
  .story-card{width:176px;padding:18px}
  .story-card b{font-size:25px}
  .story-card-a{left:18px;top:35px}
  .story-card-b{right:18px;top:115px}
  .story-card-c{left:18px;bottom:85px}
  .story-card-d{right:18px;bottom:10px}
}