html,body{text-align:center;padding:0;margin:0}header{display:flex;width:100%;text-align:left;font-family:Inter,serif;height:120px;color:#fff;background:#f1a937;background:linear-gradient(90deg,#cf2424,#f1a937);align-items:stretch}header img.logo{padding:0 0 0 10px;height:100px}header div.title{flex-grow:4;height:100%;display:flex;justify-content:center;align-items:center}header div.title a,header div.title a:link,header div.title a:visited,header div.title a:hover,header div.title a:active{text-decoration:none;color:#fff}header div.title h1{font-size:3em;padding:0;margin:0}nav{display:block;width:100%;background:#f1a937;background:linear-gradient(90deg,#cf2424,#f1a937);flex-wrap:wrap}header nav{width:auto;background-color:transparent;background:none;flex-wrap:wrap;justify-content:center;align-items:center;align-items:stretch}header nav ul{height:100%;display:flex;align-items:stretch;flex-wrap:wrap;justify-content:center;align-items:center;margin:0}nav ul{padding:0;margin:0 0 0 120px}nav ul li{margin:0;padding:0 1em 1em 0;display:inline-block;font-size:1em}header nav ul li{margin:0;padding:0 1em 0 0;display:inline-block}nav ul li:first{margin:0;padding:0;display:inline-block}nav ul li a{font-family:Inter,serif}nav ul li a:link,nav ul li a:visited{color:#fff;text-decoration:none}nav ul li a:hover{font-family:Inter,serif;text-decoration:underline;color:#fff}nav ul li a:active{font-family:Inter,serif;color:#f1c437}main.whoweare p{text-align:left;max-width:800px;margin:1em auto;padding:0 10px}main.whoweare img{width:500px;margin:10px auto}main ol{text-align:left;max-width:800px;margin:1em auto}main ol li{font-family:Arial,Helvetica,sans-serif;font-size:1em}h1{font-family:Inter,serif}h2{font-family:Inter,serif;font-size:2em;padding:0 10px}h2 span.deemphasize{font-size:80%}p{font-family:Arial,Helvetica,sans-serif;font-size:1em}section.experience{display:grid;grid-template-columns:33% 33% 33%;grid-auto-flow:row;grid-auto-rows:max-content}section.experience>div{text-align:center;vertical-align:top;padding:0 10px 35px;position:relative}section.experience>div div.imagecontainer{position:relative}section.experience>div h3{font-family:Arial,Helvetica,sans-serif;text-align:center;margin:0}section.experience>div p{text-align:center;margin:0}section.experience>div figure{margin:0;padding:0 0 10px}section.experience>div figure figcaption{padding:5px 0 0;font-size:.8em;text-align:left}section.experience>div figure img{margin:0;display:block;width:100%;max-width:100%}section.experience .behindimage{position:absolute;top:0;left:0;visibility:hidden;height:100%;vertical-align:middle;padding:0;margin:0;display:flex;align-items:center}@media only screen and (max-width:600px){header div.title h1{font-size:1.4em}nav{display:block}header nav{display:none}nav ul{margin:0}nav ul li{font-size:1em}main img{max-width:90%;margin:10px auto}main p{max-width:auto;padding:0 10px}main ol{max-width:auto;margin:1em 1em 1em .5em}section.experience{display:grid;grid-template-columns:100%;grid-auto-flow:row;grid-auto-rows:max-content}section.experience .behindimage{display:block;visibility:visible;position:relative;padding:0 0 10px}section.experience>div{padding:0 0 60px}}@media only screen and (min-width:600px){header div.title h1{font-size:2.5em}nav ul li{font-size:1em}nav{display:block}header nav{display:none}section.experience{display:grid;grid-template-columns:50% 50%;grid-auto-flow:row;grid-auto-rows:max-content}}@media only screen and (min-width:990px){header div.title h1{font-size:2.2em}nav ul li{font-size:1.1em}nav{display:none}header nav{display:block}section.experience{display:grid;grid-template-columns:33% 33% 33%;grid-auto-flow:row;grid-auto-rows:max-content}}@media only screen and (min-width:1250px){header div.title h1{font-size:2.9em}nav ul li{font-size:1.4em}}
