/* Tylko strona O nas: jednakowe pola logotypów i czytelny układ oferty. */
#marm-about { color:#303847; font-size:16px; line-height:1.65; text-align:left; }
#marm-about p { color:inherit; font-size:inherit; line-height:inherit; text-align:left; margin:0 0 14px; }
#marm-about h2, #marm-about h3 { color:#303847; line-height:1.3; text-align:left; text-transform:none; }
#marm-about .marm-about-intro { max-width:900px; margin-bottom:32px; }
#marm-about .marm-about-eyebrow { color:#65718a; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; }
#marm-about .marm-about-intro h2 { font-size:28px; margin:0 0 16px; }
#marm-about .marm-about-area { border-left:3px solid #465574; padding:10px 16px; background:#f5f6f8; }
#marm-about .marm-about-section-title { font-size:22px; margin:30px 0 16px; }
#marm-about .marm-about-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#marm-about .marm-about-service { display:flex; flex-direction:column; padding:22px; border:1px solid #e0e4ea; border-radius:4px; background:#fff; }
#marm-about .marm-about-service h3 { font-size:18px; margin:0 0 10px; }
#marm-about .marm-about-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:4px; }
#marm-about .marm-about-links a { color:#354766; background:#f0f3f7; border:1px solid #d9e0ea; padding:5px 10px; border-radius:3px; font-size:13px; line-height:1.5; }
#marm-about a:hover, #marm-about a:focus-visible { text-decoration:underline; }
#marm-about .marm-about-brands { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
#marm-about .marm-about-brand { display:flex; align-items:center; justify-content:center; height:96px; padding:16px; border:1px solid #e0e4ea; border-radius:4px; background:#fff; }
#marm-about .marm-about-brand img { display:block; width:100%; height:56px; max-width:140px; object-fit:contain; }
#marm-about .marm-about-contact { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; margin-top:32px; padding:26px; background:#f2f4f7; border-radius:4px; }
#marm-about .marm-about-contact h2 { font-size:23px; margin:0 0 14px; }
#marm-about .marm-about-contact p:last-child { margin-bottom:0; }
#marm-about .marm-about-contact-details { display:flex; flex-direction:column; gap:12px; }
#marm-about .marm-about-contact-details a { display:block; color:#303847; }
#marm-about .marm-about-contact-details span { display:block; color:#616c7e; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
#marm-about .marm-about-contact-details strong { font-size:20px; overflow-wrap:anywhere; }
#marm-about .marm-about-contact-details .marm-about-sms { align-self:flex-start; padding:8px 20px; background:#3d475d; color:#fff; font-size:14px; border-radius:3px; }
@media (max-width:767px) {
  #marm-about .marm-about-services, #marm-about .marm-about-contact { grid-template-columns:1fr; }
  #marm-about .marm-about-brands { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #marm-about .marm-about-intro h2 { font-size:24px; }
  #marm-about .marm-about-service, #marm-about .marm-about-contact { padding:18px; }
}