body{background:#222;width:100%;margin:0;color:#333;font-family:Anton;font-family:"Work Sans",sans-serif;font-weight:400;font-style:normal}#header{position:fixed;top:0;left:0;width:100vw;z-index:9999;background:#222;margin-bottom:2em}.content{padding-bottom:4em}.content .headerGrid{display:grid;grid-template-columns:5% 90%}.content .headerGrid a{text-decoration:none;color:inherit;font-weight:bolder;padding:0 3px 2px 3px;border-radius:2px}.content .headerGrid .subContentGrid{display:grid;grid-template-columns:5% 90%;padding:1em 1em 0 1em}.content .headerGrid .subContentGrid img{width:1.5em;height:1.5em;margin-top:0;filter:invert(1)}.content .headerGrid .subContentGrid .text{float:left;font-size:1em;margin-bottom:1em}.content .headerGrid .subContentGrid .text h4{padding-top:0;margin:0 0 .3em 0}.content .headerGrid .subContentGrid a{text-decoration:none;color:inherit;font-weight:bolder;padding:0 3px 2px 3px;border-radius:2px}.content .headerGrid .subContentGrid a:hover{background:#fff}.content .headerGrid img{width:2em;height:2em;margin-top:.6em;filter:invert(1)}#sContact .content .headerGrid img{filter:invert(0)}.cloudIco{background:url(ico/glass.svg) center/cover no-repeat;float:left;width:1.2em;height:1em;margin:.3em .3em;filter:invert(0)}.content img.us{float:left;width:5em;height:4em;margin:0 1em 0 0;filter:invert(50)}section#sWelcome{float:left;background:LightSkyBlue;background:#333;padding:8% 1% 10% 1%;margin:6em 0 0 0;font-size:1.1em;color:#999}section#sLearn{background:LightGreen;padding:4% 1% 4% 1%;margin:0}section#sServers{background:Turquoise;padding:4% 1% 4% 1%;margin:0}section#sSoftware{background:Violet;padding:4% 1% 4% 1%;margin:0}section#sBespoke{background:LightSteelBlue;background:MediumPurple;padding:4% 1% 4% 1%;margin:0}section#sCost{background:#eee;padding:4% 1% 4% 1%;margin:0}section#sSocial{background:DeepSkyBlue;padding:4% 1% 4% 1%;margin:0}section#sContact{margin:0;background:#444;color:#fff} section#sContact img.sm{margin-left:-.8em;height: 3em;width: 3em;margin-left: -1em;margin-top: 0.5em;}#sContact a.wa{color: #60bd53;}#sContact a.ig{    color: #be377e;}section#sContact h5{color:#000}#logo{width:50%;font-family:Anton;color:#fff;font-size:4em}#logo b{color:#ddd;font-weight:400}#menu{float:right;padding:1em;border-radius:4px;margin-right:1em;cursor:pointer}#menu.container{z-index:999999999}.bar1,.bar2,.bar3{width:30px;height:4px;background-color:#ccc;margin:6px 0;transition:0.4s}.change .bar1{transform:translate(0,10px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translate(0,-10px) rotate(45deg)}section{float:left;width:100%;width:98%;padding:1%;margin:1em 0 1em 0}#sContact{background:#222;color:#ccc;padding:3em 1% 7em 1%}#sContact h2{margin-top:1em;margin-bottom:2em;color:#fff}section h2{font-size:2.5em;color:#222;padding:0;margin:0}img{border:1px solid #fff0}section .content{width:90%;max-width:100em;margin:auto;font-size:1.5em}.content .row .icon{width:2em;height:2em;float:left;margin-right:2em}.content .row .icon img{width:100%;height:100%}.content .row .text{width:80%}h4 a{text-decoration:none;color:inherit}#sContact .headerGrid{margin-top:0;grid-template-rows:2em 2em}#sContact img.wa{height:2.5em;width:2.5em;color:#60bd53;color:#000}#sContact img.tw{height:3em;width:3em;color:#44a0d9;color:#000}#sContact img.ig{height:2.5em;width:2.5em;color:#44a0d9;color:#000}#sContact img.yt{height:3.5em;width:3.5em;margin-top:.5em}#sContact .headerGrid a img.em{width:1.6em;margin-top:.9em;margin-left:-.2em}#sContact a:hover{text-decoration:underline}#menuOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;top:6em;z-index:9999}.menuArea{margin:9em auto;max-width:100%;height:calc(100vh);margin-top:calc(100vh / 5);font-size:1.1em}.menuArea ul{padding:0%;width:30%;list-style:none;margin:auto auto}.menuArea ul li{float:left;width:100%;font-size:2em;cursor:pointer;margin-bottom:.1em}.menuArea ul li a{text-decoration:none;color:#fff}.menuArea ul li a img{float:left;width:1.1em;margin:.1em .5em 0 0}.menuArea ul li a b{float:right;width:80%;font-size:1.3em;line-height:100%}.menuArea ul li a:hover{color:#aaa}@keyframes slideIn{from{transform:translateX(300px)}to{transform:translateX(0)}}#welcome{float:left;background:#111;color:#ccc;padding:1%}.headerGrid h2{letter-spacing:2px;font-size:3rem;transition:all 1s ease-in-out}.headerGrid h2.in-view{font-size:1.5rem}.headerGrid h3{font-family:"Gothic A1",sans-serif;font-weight:400;font-style:normal}.headerGrid h3.in-view{animation:slideIn 2s ease}@media only screen and (min-width:200px){#logo{width:80%;font-size:2.5em}section .content{font-size:1em}.content .headerGrid{display:grid;grid-template-columns:12% 83%}.content .headerGrid img{margin-top:0}.content .headerGrid .subContentGrid{display:grid;grid-template-columns:12% 83%;padding:1em 0 0 0}.headerGrid h2{font-size:.5em}.headerGrid h2.in-view{font-size:2em}.headerGrid h3{font-size:.85em}#menuOverlay{top:4em}.menuArea ul{width:70%}.menuArea{font-size:.8em}}@media only screen and (min-width:720px){.content .headerGrid{display:grid;grid-template-columns:7% 87%}.content .headerGrid img{margin-top:.2em}.content .headerGrid .subContentGrid{display:grid;grid-template-columns:7% 85%;padding:1em 1em 0 1em}.headerGrid h2{font-size:2rem}.headerGrid h2.in-view{font-size:3rem}.headerGrid h3{font-size:1.4em}}@media only screen and (min-width:1100px){#logo{width:50%;font-size:4em}section .content{font-size:1.5em}.content .headerGrid{display:grid;grid-template-columns:6% 90%}.content .headerGrid img{margin-top:0}.content .headerGrid .subContentGrid{display:grid;grid-template-columns:6% 90%;padding:1em 0 0 0}.headerGrid h2{font-size:.5em}.headerGrid h2.in-view{font-size:2em}.headerGrid h3{font-size:.85em}#menuOverlay{top:6.2em}.menuArea ul{width:30%}.menuArea{font-size:1.2em}}@media only screen and (min-width:1320px){#logo{width:50%;font-size:4em}section .content{font-size:1.2em}.content .headerGrid{display:grid;grid-template-columns:5% 93%}.content .headerGrid img{margin-top:0}.content .headerGrid .subContentGrid{display:grid;grid-template-columns:5% 92%;padding:1em 0 0 0}.headerGrid h2{font-size:.5em}.headerGrid h2.in-view{font-size:2em}.headerGrid h3{font-size:.85em}#menuOverlay{top:6.2em}.menuArea ul{width:30%}.menuArea{font-size:1.2em}}.spacer{width:100%;height:6em}