/* Fielo: responsive collapse only. Everything visual comes from the template
   styles.css + styles-v2.css, the same system as membio.aicro.co. */
@media (max-width:980px){
  .f-cols-5{grid-template-columns:repeat(2,1fr)!important;}
  .f-cols-4{grid-template-columns:repeat(2,1fr)!important;}
  .f-cols-3{grid-template-columns:repeat(2,1fr)!important;}
  .f-flow-cell{border-left:0!important;padding:0 0 18px!important;}
}
@media (max-width:680px){
  .wrap{padding:0 16px!important;}
  .nav-links{display:none!important;}
  .hero h1{font-size:36px!important;}
  .f-cols-5,.f-cols-4,.f-cols-3,.f-cols-2,.cost-grid{grid-template-columns:1fr!important;}
  .cs-metrics{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:980px){
  .f-tandem{grid-template-columns:1fr!important;gap:14px!important;}
  .f-tandem .f-rule{display:none!important;}
  .f-timeline-card{display:none!important;}
}