/* Lesson 4,3 — Warrior or Helper? (blue) */
@media(max-width:900px){
  .hero-grid2{gap:0!important;}
  .hero-grid2 figure{max-width:380px;order:4;margin:0 auto 22px;}
  .hero-grid2>div:first-child>p:nth-child(1){margin-bottom:10px!important;}
  .hero-grid2>div:first-child>h1{margin-bottom:14px!important;}
  .hero-grid2>div:first-child>p:nth-child(3){margin-bottom:18px!important;}
  .hero-grid2>div:first-child{display:contents;}
  .hero-grid2>div:first-child>p:nth-child(1){order:1;}
  .hero-grid2>div:first-child>h1{order:2;}
  .hero-grid2>div:first-child>p:nth-child(3){order:3;}
  .hero-grid2>div:first-child>div{order:5;}
}
@media(max-width:767px){.hero-grid2 figure{max-width:320px;}.hero-grid2 figure figcaption{font-size:.75rem;}}

.story-grid-lg{grid-template-columns:minmax(0,1fr) 380px !important;}
@media(max-width:1100px){.story-grid-lg{grid-template-columns:minmax(0,1fr) 320px !important;}}
@media(max-width:900px){.story-grid-lg{grid-template-columns:1fr !important;}
  .story-grid-lg figure{max-width:320px;margin-left:auto;margin-right:auto;}}

.story-grid-l{grid-template-columns:380px minmax(0,1fr) !important;}
@media(max-width:1400px){.story-grid-l{grid-template-columns:340px minmax(0,1fr) !important;}}
@media(max-width:1100px){.story-grid-l{grid-template-columns:300px minmax(0,1fr) !important;}}
@media(max-width:900px){.story-grid-l{grid-template-columns:1fr !important;}
  .story-grid-l figure{max-width:280px;margin-left:auto;margin-right:auto;}}

.l43-varna{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:767px){.l43-varna{grid-template-columns:1fr!important;}}

.l43-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:900px){.l43-pieces{grid-template-columns:1fr 1fr!important;}}
@media(max-width:600px){.l43-pieces{grid-template-columns:1fr!important;}}