#main-toggle,nav ul{float:right;position:relative}.toggle,[id^=drop],nav ul ul{display:none}#main-toggle,#page-container,.nav-icon,nav ul,nav ul ul li{position:relative}#content,body{background-color:#4a9ef0}.header,.tagline{grid-column:1/13}.header,.logo,nav{grid-row:1/2}.hero-2,.hero-3{filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, .5))}.box p,nav a{color:#fff;font-size:18px}.box p:hover,.box:hover{opacity:.9}.box p,.legal,.white-button{text-align:center}body{color:#fff;margin:0;font-family:weissenhof_groteskregular}@font-face{font-family:weissenhof_groteskmedium;src:url('weissenhofgrotesk-medium-webfont.woff2') format('woff2'),url('weissenhofgrotesk-medium-webfont.woff') format('woff');font-weight:400;font-style:normal}@font-face{font-family:weissenhof_groteskregular;src:url('weissenhofgrotesk-regular-webfont.woff2') format('woff2'),url('weissenhofgrotesk-regular-webfont.woff') format('woff');font-weight:400;font-style:normal}@font-face{font-family:weissenhof_groteskitalic;src:url('weissenhofgrotesk-italic-webfont.woff2') format('woff2'),url('weissenhofgrotesk-italic-webfont.woff') format('woff');font-weight:400;font-style:normal}.nav-icon,img,nav a{display:block}nav{grid-column:1/7;padding-top:40px}#main-toggle{cursor:pointer;padding:10px;user-select:none}.nav-icon{background:#fff;height:2px;width:20px}.footer,nav ul ul{position:absolute}.nav-icon:after,.nav-icon:before{background:#fff;content:'';display:block;height:100%;position:absolute;width:100%}.nav-icon:before{top:6px}.nav-icon:after{top:-6px}nav:after{content:"";display:table;clear:both}nav ul{padding:0;margin:0;list-style:none}nav ul li{margin:0;float:left}nav a{padding:0 20px;line-height:26px;text-decoration:none}nav ul li a{color:#fff}nav ul li a:hover,nav ul li ul li a:hover{background-color:#3677bc}nav ul li ul li a{background-color:rgba(54,119,188,.5)}nav ul ul{top:26px}nav ul li:hover>ul{display:inherit}nav ul ul li{width:170px;float:none;display:list-item}#content,.footer,.header{display:grid}#page-container{min-height:100vh}#content{padding-left:100px;padding-right:100px;padding-bottom:140px;max-width:1088px;margin:0 auto;justify-content:center;grid-template-columns:repeat(12,1fr);grid-column-gap:16px}a:active,a:link,a:visited,p:hover{text-decoration:none!important}.header{grid-template-columns:repeat(6,1fr)}.logo{grid-column:1/3;max-width:168px;margin-top:22px;margin-bottom:22px}.footer,img{margin:auto}img{object-fit:scale-down;max-width:100%;flex:1;min-height:0;align-self:center}.tagline{grid-row:2/3;padding-top:50px;padding-bottom:33px}.hero,.hero-2,.hero-3{grid-column:1/13;grid-row:3/4}.hero{z-index:10;padding-bottom:10px;animation-delay:0s}.hero-2{z-index:20;animation-delay:4s}.hero-3{z-index:30;animation-delay:8s}.box-1,.box-2,.box-3,.box-4{grid-row:4/5}.box-1{grid-column:1/4}.box-2{grid-column:4/7}.box-3{grid-column:7/10}.box-4{grid-column:10/13}.box{opacity:.5}.box img{width:75%}.box a{width:50%}.box:hover{cursor:pointer}.box p{margin-top:-5px;text-decoration:none}.footer{background-color:rgba(54,119,188,.9);grid-template-columns:1fr 1fr 1fr;bottom:0;width:100%;height:100px}.social{grid-column:1/2;color:rgba(255,255,255,.6);font-size:200%;margin:30px auto 0}.legal,.white-button a{font-size:14px;color:rgba(255,255,255,.6)}.social a{color:rgba(255,255,255,.6)}.social a+a{margin-left:5px}.social i:hover{cursor:pointer;color:rgba(255,255,255,.9)}.legal{grid-column:2/3;line-height:21px;padding-top:16px}.white-button{grid-column:3/4;margin-top:35px}.white-button a{text-decoration:none;border:2px solid rgba(255,255,255,.6);border-radius:4px;padding:4px 9px}.white-button a:hover{color:#fff;background-color:rgba(255,255,255,.2)}@keyframes fade{0%,100%,44.44%{opacity:0}11.11%,33.33%{opacity:1}}.slider{opacity:0;animation-name:fade;animation-duration:12s;animation-iteration-count:infinite}@media all and (max-width :768px){.toggle,nav a{font-size:14px;line-height:22px}nav ul,nav ul ul{float:none}nav{margin:0}.menu,.toggle+a,nav ul li:hover>ul,nav ul ul li:hover>ul{display:none}.toggle,[id^=drop]:checked+ul{display:block}.toggle{padding:0 20px;color:#fff;text-decoration:none;border:none}.toggle:hover{background-color:#3677bc}nav ul li,nav ul ul li{display:block;width:100%}nav ul ul .toggle,nav ul ul a{padding:0 40px}nav ul ul{position:static;color:#fff}.box p,.legal{font-size:.5em}#content{padding-left:30px;padding-right:30px}.legal{line-height:1.5em;margin-top:5px}.logo{margin-top:15px;max-width:100px}.box p{margin-top:1px}.white-button a{font-size:.5em;padding:2px 5px;border:1px solid rgba(255,255,255,.6)}.social{font-size:150%;margin:30px auto 0}}