:root{--geometric-humanist:Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;--classical-humanist:Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;--industrial:Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;--slab-serif:Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;--transitional:Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;--normal-text:rgb(67, 79, 90);--normal-bg:rgb(230,230,230);--alt-text:white;--alt-bg:steelblue;--aside-bg:black;--aside-text:white;--alt-link-text:#f36e1e;--action-bg:black;--action-text:white;--action-secondary-bg:transparent;--action-secondary-text:#f36e1e;--footer-bg:white;--footer-text:black;--footer-link-text:#003370;--footer-heading-text:#f36e1e;--heading-font:var(--classical-humanist);--body-font:var(--geometric-humanist);--card-max-width:20rem;--card-max-image-height:220px;--bg-img-tint:rgba(15,15,15,0.8);--slider-height:400px;--slider-bg:rgb(20,20,20);--card-slideshow-height:280px;--card-slideshow-bg:rgb(210,210,210);--card-slideshow-image-width:100%;--icon-gallery-icon-width:60px;--slideshow-masthead-height:70vw;--slideshow-masthead-min-height:440px;--slideshow-masthead-max-height:640px}body{margin:0;padding:0;color:var(--normal-text);background-color:var(--normal-bg);font-family:var(--body-font);font-size:1.15rem}main{min-height:100vh}.hidden{display:none}aside{background-color:var(--aside-bg);display:grid;gap:.4rem;align-content:start;padding:.5rem;position:relative;color:var(--aside-text)}aside>div{border:1px solid var(--aside-text);border-radius:.5rem;height:2.5rem}aside>div>a{text-decoration:none;display:flex;color:var(--aside-text);padding:.5rem}aside svg{width:40px;height:30px}.aside-main-box{display:grid;grid-template-columns:1fr}.main-menu{display:none}#menu{display:grid}#menu.hidden{display:none}#alt-menu{display:flex;list-style-type:none;gap:1rem}ul.main-menu{margin:0}@media screen and (max-width:750px){.aside-main-box{grid-template-columns:1fr}.main-menu{display:flex}#alt-menu{display:none}#menu{display:grid}#menu.hidden{display:none}}textarea{font-family:var(--geometric-humanist);font-size:1rem;padding:.4rem}@media screen and (min-width:750px){body{font-size:1.4rem}h1{font-size:2.6rem}h2{font-size:2.5rem}header{justify-self:center;max-width:1100px;width:90%;position:fixed;top:0;left:0;right:0}}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:400;margin:0;line-height:1.2;animation:text-fade-in 1.1s ease-in-out 1;letter-spacing:-.06rem}p{padding:1rem 0;line-height:1.5;margin:0;max-width:45rem;animation:text-slide-up .9s ease-in-out 1;position:relative;top:0}strong{animation:text-fade-in 1s ease-in-out 1}small{position:relative;top:0;animation:text-slide-up .4s ease-in-out 1}@keyframes text-fade-in{0%{color:transparent}}@keyframes img-fade-in{0%{opacity:0}}@keyframes text-slide-up{0%{top:3rem;color:transparent}30%{color:transparent}}section{margin:0;padding:4rem 2rem}section:nth-child(odd){background-color:var(--alt-bg);color:var(--alt-text)}section.short{padding:2rem}section>*{margin:0 auto;max-width:55rem}section.img{background-color:var(--bg-img-tint);background-blend-mode:darken;background-size:100%;background-image:url(/img/trucks.jpg);animation:fade-in 1s ease-in-out 1}section img{animation:img-fade-in .9s ease-in-out 1}@keyframes fade-in{0%{background-color:#000}100%{background-color:var(--bg-img-tint)}}section.img.im1{background-image:url(/static/img/bridge.jpg)}section.img.im2{background-image:url(/static/img/beach.jpg)}section.img.im3{background-image:url(/static/img/blooming.jpg)}header{color:var(--alt-text);background-color:var(--alt-bg);margin:0;padding:.5rem 1rem;display:flex;justify-content:start;align-items:center;gap:.5rem;z-index:9999;box-shadow:2px 2px 4px rgba(0,0,0,.3)}header .logo{border-radius:100%;height:40px;min-height:40px}header .home{flex-grow:1}header>nav>ul{display:flex;gap:1rem;list-style-type:none;font-size:1rem}header a{text-decoration:none;color:var(--alt-text);display:flex;align-items:center;gap:.5rem}footer{margin:0;padding:2rem;background-color:var(--footer-bg);color:var(--footer-text);font-size:1rem;& h3{ padding-bottom:1rem; font-size:1.2rem; color: var(--footer-heading-text); font-weight: bold; } & a{ color: var(--footer-link-text); text-decoration: none; } & .footer-logos{ display:flex; justify-content: center; align-items: center; & img{ object-fit:contain; width:49%; max-width: 190px; max-height: 150px; } & img.big{ max-height:410px; } } & .footer-info{ display:grid; justify-items:center; grid-template-columns: repeat(4,1fr); padding:0 4rem; max-width:70%; justify-self:center; &>*{ display:grid; align-content:start; } }}@media screen and (max-width:750px){footer>.footer-info{grid-template-columns:1fr 1fr;padding:0 0;justify-items:start;gap:3rem .2rem;max-width:100%;justify-self:center}}footer p{padding:0}a{color:#4169e1}form{display:grid;gap:.5rem}form label{font-weight:700;font-style:italic;font-size:1rem}form div{display:flex;align-items:center}input{border-radius:.5rem;border:1px solid grey;min-height:2rem;padding:.4rem}input[type=submit]{width:50%;justify-self:center;margin-top:2rem}button{border-radius:1rem;border:1px solid var(--action-bg);padding:.7rem;background-color:var(--action-bg);color:var(--action-text)}button[disabled]{background-color:grey}table{width:100%;border-collapse:collapse;font-size:1rem;margin-top:1rem}th,td{padding:2px;border:1px solid #ddd}th{letter-spacing:1px}tr:nth-child(even){}.masthead{display:grid;align-content:center;gap:1rem;min-height:40vh}.masthead.short{min-height:10vh;text-align:center;display:grid;justify-items:center}.masthead h1{font-size:xxx-large}.masthead strong{margin-bottom:1rem;font-weight:400;font-size:1rem;font-style:italic}.masthead>div{display:flex;gap:.5rem}.masthead>div>a{border:2px solid var(--action-bg);font-size:large;background-color:var(--action-bg);color:var(--action-text);text-decoration:none;padding:1rem;border-radius:.5rem;max-width:10rem;text-align:center;position:relative;top:0;transition:top .2s ease-in;&:hover{ top:-0.4rem; } animation:text-fade-in 1.5s ease-in-out 1}.masthead>div>a:nth-child(even){border:1px solid var(--action-secondary-text);background-color:var(--action-secondary-bg);color:var(--action-secondary-text);font-weight:700}.masthead>a{color:var(--alt-text)}.masthead .quick-link{border:2px solid var(--alt-text);border-radius:1rem;padding:.4rem;color:var(--alt-text)}.masthead a{text-decoration:none}.col-2{display:grid;justify-items:center;align-content:center;grid-template-columns:1fr 1fr;gap:2.5rem}.col-2>*,.col-3>*{width:100%}.col-3{display:grid;justify-items:center;align-content:center;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}.col-2,.col-3{}.col-2>img,.col-3>img,.col-2>picture>img,.col-3>picture>img{object-fit:cover;border-radius:.5rem}@media screen and (max-width:750px){.col-2,.col-3{grid-template-columns:1fr}}.bendy{display:flex;gap:1rem;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:1rem 0}@media screen and (max-width:750px){.col-2,.col-3{}}.card{display:grid;align-content:start;border:2px solid darkgrey;border-radius:1rem;overflow:hidden;max-width:var(--card-max-width);flex-grow:1;padding:1rem;text-align:center}.card .image{object-fit:cover;max-height:var(--card-max-image-height);width:100%}.card svg{width:100%;min-height:100px;padding:1rem 0}.card .loading{animation:blink 1s linear infinite}@keyframes blink{0%{opacity:.5}50%{opacity:.1}100%{opacity:.5}}.card img{object-fit:cover;width:100%;min-height:150px;padding:0;max-height:var(--card-max-image-height)}.card img[src$=".svg"]{}.card .title{font-style:italic;font-size:1.3rem}.card .subtitle{padding-top:0;font-weight:400;font-size:1.1rem;opacity:.8}.sandwich{display:grid;align-content:center}.sandwich strong{color:#4682b4;margin-bottom:.5rem;font-size:1rem}section:nth-child(odd) .sandwich strong{color:#40e0d0}.tiles{display:grid;gap:.5rem;font-size:1rem;min-height:100px;& .list-link{ text-decoration:none; min-height: 100px; padding:0.2rem; color:var(--normal-text); }}.tiles .tile{display:flex;align-items:center;gap:.8rem;border:1px solid grey;border-radius:1rem;padding:.1rem .3rem;overflow:hidden;min-height:100px;& a{ text-decoration:none; padding: 0.5rem; }}.tiles .tile>*{flex-grow:1;margin:0;padding:0}.tiles .grid{display:grid;grid-template-columns:1fr 1fr;width:100%}.tiles .large{font-size:1.4rem;font-weight:700;padding:.4rem}.tiles .focus{font-size:1.2rem;font-style:italic;padding:.4rem;text-wrap:wrap}.danger{color:red;font-weight:700;font-size:1rem}.slider{background-color:var(--slider-bg);margin:0;padding:1rem;display:flex;justify-content:center;& *{ margin:0; padding:0; } &>.slide{ margin:0 0.0rem; padding:0; } &>.slide>img,&>.slide{ object-fit:contain; border-radius:0.4rem; min-width: 200px; max-width:700px; max-height:var(--slider-height); height:var(--slider-height); }}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;section:nth-child(even) & .link{ border:1px solid var(--alt-bg); color:var(--alt-bg); background-color:var(--alt-text); &:hover{ color:var(--alt-text); background-color:var(--alt-bg); } } & .link{ padding:1rem; border-radius:1rem; border:1px solid var(--alt-text); color:var(--alt-text); background-color:var(--alt-bg); text-decoration:none; display:grid; justify-items:center; gap:0.5rem; transition:color 0.7s ease-out 0s; &:hover{ color:var(--alt-bg); background-color:var(--alt-text); } & svg{ width:80px; height:60px; } }}.card-slideshow{display:grid;justify-items:center;align-content:center;gap:1.9rem;padding:0;& .controls{ display: grid; justify-items:center; gap: 0.4rem; & .slide-num{ display:flex; gap: 0.4rem; } & .demo{ border: 1px solid grey; border-radius:1.0rem; background-color: var(--alt-bg); padding:0.9rem; } & .current-slide{ background-color: var(--alt-text); border-radius:0.4rem; } } & .body{ background-color: var(--card-slideshow-bg); display:flex; padding:0; margin:0; width: 100%; max-width: 800px; height:var(--card-slideshow-height); & .card-slide{ display:grid; grid-template-columns: 1fr 1fr; & picture{ margin:0; padding:0; height: var(--card-slideshow-height); } & img{ object-fit: cover; margin:0; padding:0; height: var(--card-slideshow-height); } .text{ padding:1rem; display:grid; gap:0.2rem; align-content:start; color: black; &>*{padding:0;margin:0} } } }}.icon-gallery{padding:.2rem;display:grid;grid-template-columns:1fr 1fr 1fr;& .item{ padding:0.2rem; display: grid; align-content: center; justify-items: center; transition: color 1s; transition: background-color 1s; border: 0px solid var(--alt-text); color: var(--alt-text); background-color: var(--alt-bg); &:hover{ color: var(--alt-bg); background-color: var(--alt-text); } section:nth-child(even) &{ border: 0px solid var(--alt-bg); color: var(--alt-bg); background-color: var(--alt-text); &:hover{ color: var(--alt-text); background-color: var(--alt-bg); } } & .icon{ width:var(--icon-gallery-icon-width); height:var(--icon-gallery-icon-width); object-fit: cover; border-radius:1rem; margin-top:0.5rem; } & img.icon{ border: 1px solid grey; } &:hover img.icon{ background-color:white; border: 1px solid white; } & .title>p{ padding:0.5rem; font-size:0.9rem; font-weight:bold; text-align: center; } }}.slideshow-masthead{max-width:500rem;display:grid;justify-items:center;& .controls{ position: relative; bottom:50px; height: 0; padding:0; display: grid; justify-items:center; gap: 0.4rem; & .mh-slide-num{ display:flex; gap: 0.4rem; } & .mh-demo{ border: 1px solid grey; border-radius:1.0rem; background-color: var(--alt-bg); padding:0.9rem; } & .current-slide{ background-color: var(--alt-text); border-radius:0.4rem; } } & .body{ width:100%; height: var(--slideshow-masthead-height); min-height: var(--slideshow-masthead-min-height); max-height: var(--slideshow-masthead-max-height); & .masthead-slide{ height:100%; } & .masthead-slide img{ object-fit: cover; width: 100%; height: 100%; min-height: var(--slideshow-masthead-min-height); max-height: var(--slideshow-masthead-max-height); } & .masthead-slide picture{ object-fit: cover; } }}.icon-text{display:flex;align-items:center;gap:.7rem;& p{ padding:0; } & strong{ color:rgb(20,20,20); } & a{ text-decoration: none; &>strong{ color:royalblue; } }}@media screen and (max-width:750px){.sm-hide{display:none}}.logo-masthead{min-height:50vh;text-align:center;display:grid;align-content:center;justify-items:center;& .info{ margin-top: 5rem; & .title{font-size:1rem} & p{ padding: 0; } }}section.logo-masthead-section{background-color:rgba(5,5,5,.9);background-blend-mode:darken;background-size:100%}@media screen and (min-width:750px){.logo-masthead{min-height:70vh}}.icon-focus{display:grid;justify-items:center;& .title{ margin-top:1rem; font-size: 1.6rem; font-weight: bold; } & svg{ height: 4rem; width: 5rem; padding:1rem; }}