.synapseNet .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.synapseNet .hero h1{margin-top:0}.synapseNet .appIcon{display:block;max-width:320px;margin:auto;padding:1em;overflow:hidden}.synapseNet .grid{display:flex;flex-wrap:wrap;align-items:center}.synapseNet .grid.reverse{flex-direction:row-reverse}.synapseNet .grid .col{width:100%;padding:1em}@media(min-width:768px){.synapseNet .grid .col{width:50%}}.synapseNet .imageText{font-size:6.5em;text-align:center;margin:auto}.synapseNet .imageText .Folder{filter:hue-rotate(10deg)}.synapseNet .imgComp{display:flex}.synapseNet .img{display:block;margin:auto;height:auto;max-width:120px}.synapseNet .gridFig{display:grid;width:100%;grid-template-rows:.5fr 1fr 1fr;grid-template-columns:1fr 1fr .5fr .5fr 1fr}.synapseNet .gridFig .d2{grid-row:span 1;grid-column:span 2}.synapseNet .gridFig .d1{grid-row:span 1;grid-column:span 1}.synapseNet .gridFig .square{text-align:center;display:block;font-size:1.15em;font-weight:700;padding:.25em;margin:.25em;border-radius:4px;background-color:rgba(192,192,192,.1);line-height:1.35}.synapseNet .gridFig .square .auto{font-size:.85em;color:silver;display:block;margin:auto}.synapseNet .gridFig .A{color:#ffa07a;background-color:rgba(255,160,122,.1)}.synapseNet .gridFig .B{color:#9acd32;background-color:rgba(154,205,50,.1)}.synapseNet .gridFig .C{color:#cd5c5c;background-color:rgba(205,92,92,.1)}.synapseNet .gridFig .gray{color:silver;background-color:rgba(192,192,192,.1)}.synapseNet .gridFig span{background-color:rgba(0,0,0,0)!important}.synapseNet .end{text-align:center;padding-bottom:4em}.synapseNet .end p{text-align:left}