--- title: "Schiphol Footer" --- ::page-section --- full-width: true background: "#2E3F42" padding: "56px 16px 40px" horizontal-align: "center" --- ::container --- max-width: "1280px" width: "100%" styles: | @font-face{ font-family:"RSGVariable"; font-display:swap; } .ams-footer{ font-family:"RSGVariable", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#F4F7F8; } .ams-footer a{ color:#F4F7F8; text-decoration:none; } .ams-footer a:hover{ text-decoration:underline; } .ams-footer-top{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:40px; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,.16); } .ams-footer-col h3{ margin:0 0 14px; font-size:18px; font-weight:700; letter-spacing:.01em; } .ams-footer-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:15px; opacity:.9; } .ams-footer-bottom{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding-top:20px; font-size:13px; color:#C9D3D6; } .ams-footer-brand{ display:flex; align-items:center; gap:16px; } .ams-footer-logo{ height:107px; width:auto; display:block; } .ams-footer-bottom ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:16px; } .ams-footer-bottom a{ font-size:13px; color:#C9D3D6; } @media (max-width: 960px){ .ams-footer-top{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; } .ams-footer-bottom{ flex-direction:column; align-items:flex-start; } } @media (max-width: 640px){ .ams-footer-top{ grid-template-columns:1fr; } } --- :: ::