.action::before { content: "➡ "; } .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; @media (min-width: 2500px) { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } @media (min-width: 3000px) { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } @media (max-width: 1500px) { grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 1000px) { grid-template-columns: 1fr 1fr; } @media (max-width: 600px) { grid-template-columns: 1fr; } } .metaService { margin: 6px; margin-bottom: 0px; } .metasService { display: flex; flex-direction: row; justify-content: center; font-size: 0.7em; } .logoService { text-align: center; } .elLogoServ { max-width: 150px; max-height: 100px; } .descService { padding-top: 5px; padding-bottom: 10px; text-align: left; } .domService { font-family: monospace; overflow-wrap: anywhere; margin-top: -6px; font-size: 0.8em; @media @light { color: @darkerColor; } @media @dark { color: @lightlessColor; } } #lienHeader { margin: 0px; padding: 30px; padding-bottom: 20px; margin-left: 35px; margin-right: 35px; @media (max-width: 600px) { padding: 0px; margin-top: 20px; margin-left: 20px; margin-right: 20px; } } footer.antopie { display: flex; flex-direction: column; } .logofooter { padding-left: 6%; margin-top: 20px; text-align: center; } .interlude { display: flex; justify-content: center; } .traitinterlude > hr { display: none; } .traitinterlude { border-top: 2px gray dashed; width: 450px; } .liensfooter { display: flex; flex-direction: row; padding: 20px; } .lienfooter { margin: 10px; } h1.titreService { font-size: 1.3em; text-align: center; margin: 0px; padding-bottom: 0px; padding-top: 0px; } @media (max-width: 800px) { .basfooter { flex-direction: column; } .logofooter { padding: 0px; } }