.product-card-grid{max-width:1000px;margin:0 auto}.product-card-grid,.tool-card-grid{display:flex;flex-direction:column;justify-content:space-around;flex-flow:column wrap}@media only screen and (min-width:700px){.product-card-grid,.tool-card-grid{flex-direction:row;width:100%}}.product-card,.tool-card{flex:1 1;margin:1rem;display:flex;flex-direction:column}.product-card header a,.tool-card header a{display:block;font-weight:700;color:green;text-decoration:none;padding:1rem;transition:.3s all linear;background:#eee;border-radius:1rem 1rem 0 0;border:1px solid #ddd}.product-card header a:hover,.tool-card header a:hover{color:#00f}.product-card article,.tool-card article{border:1px solid #ddd;border-radius:0 0 1rem 1rem;display:block;padding:1rem;flex:1}@media only screen and (min-width:700px){.product-card{min-width:250px;max-width:550px}}@media only screen and (min-width:700px){.tool-card{min-width:200px;max-width:3000px}}.site-header,main,.site-footer{max-width:1200px;margin:0 auto}.site-header{display:flex;justify-content:space-between}.site-header .company-title-box{flex:0 0 400px}.site-header .company-title-box a{color:#000;text-decoration:none;margin:0 1rem}.site-header .company-title-box a:hover{text-decoration:underline}.site-header .homepage-top-nav,.site-header .page-title{flex:1 0 300px;text-align:right}.site-header .homepage-top-nav{display:flex;justify-content:flex-end;padding-right:5rem}.site-header .homepage-top-nav a{padding:.5rem 1rem;line-height:2rem;margin:1rem;color:purple;position:relative}.site-header .homepage-top-nav a:not(:last-child):after{content:"";position:absolute;top:1rem;bottom:1rem;right:calc(-1rem - 2px);width:4px;background:purple}.site-footer{display:flex;text-align:center;padding:1rem;border-top:1px solid #ddd;justify-content:space-between}.site-footer a{padding:1rem}.subpage-layout{display:flex}.subpage-layout>aside{flex:0 0 200px;border-right:1px solid #ccc;padding:1rem}.subpage-layout .subpage-content{flex:1 0 300px;padding:1rem}.subpage-side-nav{display:flex;flex-direction:column;height:100%}.subpage-side-nav .subpage-side-nav-section-header{font-size:1.2rem;font-weight:700}.subpage-side-nav a{display:block;padding:.5rem .5rem .5rem 1rem}body{padding:0;margin:0;background-color:#fff;color:#333;font-family:Arial,Helvetica,sans-serif}main{padding:1rem}a{color:#639}code{background-color:#999;padding:.25rem}