*{box-sizing:border-box;font-family:Nunito,sans-serif}html,body{height:100%;margin:0}body{color:#4b4b4b;grid-template-rows:auto auto 1fr;min-height:100%;line-height:175%;display:grid}h1,h2,h3,h4{text-align:inherit;font-family:Questrial,sans-serif;font-weight:400}nav,main{padding:1em calc(50vw - 512px)}nav{background-image:url("{{ \"/img/k9connect-logo-3.png\" | resizeImage(296) }}");background-position:calc(50vw - 500px) 10px;background-repeat:no-repeat;background-size:auto calc(100% - 20px);justify-content:flex-end;align-items:center;column-gap:2em;height:150px;margin:0;display:flex}nav a{color:inherit;font-size:120%;text-decoration:none}nav a.active{color:#854c9e;border-bottom:2px solid #854c9e;font-weight:700}nav a:hover{color:#854c9e;transition:all 1s}main{background-color:#f6f3f2;padding-bottom:2em}main h1{text-align:center;color:#854c9e}main h2{margin:2em 0 1em}main h2>i,main h2>svg{padding-left:.5em}main section{text-align:center;background-color:#fff;border-radius:10px;margin:1.5em 0;padding:1em 3em;box-shadow:1px 1px 10px #0000001a}main section h3{color:#854c9e}header h1{background:linear-gradient(90deg,#0006 calc(50vw - 500px),#0000 calc(50vw + 500px));align-items:center;width:100%;height:100%;margin:0;padding-left:calc(50vw - 500px + 1em);display:flex}h1 a{color:inherit;text-decoration:none}h1 a:hover{text-decoration:underline}main{font-size:125%}header{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;height:500px;display:flex}header h1{color:#fff;font-size:48px;line-height:150%}.grid-2,.grid-1-2,.grid-2-1{gap:1em;display:grid}.grid-1-2{grid-template-columns:45fr 55fr}.grid-2-1{grid-template-columns:55fr 45fr}.grid-2{grid-template-columns:1fr 1fr}.grid-1-2 div{align-content:center;display:grid}.grid-2-1 article,.grid-2 article{width:100%}article{background-color:#fff;border-radius:10px;margin:1.5em auto;padding:2em;box-shadow:1px 1px 10px #0003}article h3{color:#854c9e;margin:0 0 .5em}article a.button{margin-top:1em;display:block}a.button{color:#854c9e;text-align:center;border:2px solid #854c9e;border-radius:10em;padding:.75em 3em;font-size:110%;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}a.button>i,a.button>svg{margin:0 .25em}article>h3{color:#854c9e}a.button{color:#854c9e;border:2px solid #854c9e;min-width:9em;font-size:18px}a.button:hover{color:#fff;background-color:#854c9e}article.secondary>h3{color:#00aeef}a.button.secondary,article.secondary>a.button{color:#00aeef;border:2px solid #00aeef}a.button.secondary:hover,article.secondary>a.button:hover{color:#fff;background-color:#00aeef}h2,h3{clear:both;margin-top:1.5em;margin-bottom:.25em}ul li{margin-bottom:.25em}@media only screen and (max-width:1050px){nav{background-position:25px;background-size:100px;justify-content:flex-end;align-items:center;height:110px;padding-right:35px;font-size:12px}header{height:350px}header h1{padding-left:25px}main{padding:25px}h1{font-size:32px}h2{font-size:26px}h3{font-size:16px}p,li{font-size:14px}article{width:100%;font-size:16px}a.button{padding:.25em;font-size:16px}}@media only screen and (max-width:630px){nav{background-position:50% 15px;background-size:125px;justify-content:center;align-items:center;height:160px;padding:100px 0 0;font-size:14px}header{height:175px}header h1{justify-content:center;font-size:36px}h1{font-size:28px}h2{font-size:18px}h3,p,li{font-size:16px}main{padding:.5em}main section,main article{margin:0 auto;padding:1em}.grid-2{grid-template-columns:1fr}a.button{padding:.25em;font-size:16px}.grid-1-2{grid-template-columns:1fr;margin-bottom:1em}article{width:100%;font-size:16px}}