@import url("../mashatim/mashatim.css");

@media(max-width:700px){
  .case-story{padding-bottom:16px}
  .photo-row--three,.photo-row--two{grid-template-columns:1fr}
  .photo-row--three .story-photo,.photo-row--two .story-photo,.photo-row--three .story-photo:last-child{grid-column:auto;height:340px}
  .case-footer{height:334px;padding:40px 12px 0;display:flex;gap:28px;justify-content:flex-start;position:relative}
  .case-footer .footer__bottom{display:contents}
  .case-footer address{order:1;align-items:flex-start}
  .case-footer .footer__top{order:2;width:100%}
  .case-footer .footer__up{position:absolute;top:40px;right:12px;margin:0}
  .case-footer .footer__legal{position:absolute;left:0;bottom:0;width:100%;height:102px;padding:16px 12px;background:var(--mid-beige);flex-direction:column;align-items:flex-start;gap:8px}
  .case-footer .footer__legal a{color:var(--beige)}
  .case-footer .footer__legal a:first-of-type{order:1}
  .case-footer .footer__legal a:last-of-type{order:2}
  .case-footer .footer__legal strong{order:3}
  .case-footer .footer__brand{gap:8px}
  .case-footer .footer__brand img:first-child{width:48px;height:48px;object-fit:contain}
  .case-footer .footer__brand img:last-child{width:310px;height:48px}
}