@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;outline:none;padding:0}body{line-height:1.6}body #body{height:100%;width:100%}@media screen and (min-width:750px){.mobile{display:none!important}}@media screen and (max-width:749px){.desktop{display:none!important}}h1,h2{font-weight:300;line-height:1.2}p{margin:10px 0}@media screen and (max-width:749px){p{margin:2px 0}}ul{list-style:none}a{color:#000;text-decoration:none}a.btn,button{background-color:#175693;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;padding:10px 30px}@media screen and (max-width:749px){a.btn,button{display:block;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}a.btn:hover,button:hover{opacity:.7}a.btn.dark,button.dark{background:#002e64;color:#fff}img{width:100%}@media screen and (max-width:749px){img{height:auto;max-height:80vh;-o-object-fit:cover;object-fit:cover}}#navigation-bar{box-shadow:0 0 10px rgba(0,0,0,.4);display:flex;padding:0 30px;width:100%}@media screen and (max-width:749px){#navigation-bar{padding:0;position:relative}}#navigation-bar #kwa-logo{display:inline-block;height:150px;max-height:150px;max-width:200px;-o-object-fit:contain;object-fit:contain;padding:20px}@media screen and (max-width:749px){#navigation-bar #kwa-logo{display:block;height:65px;padding:10px;width:auto}}#navigation-bar .close-button{color:#fff;font-size:2rem;left:calc(-10px - 2rem);position:fixed;top:10px;transition:1s;z-index:110}#navigation-bar .close-button.mobile-active{left:calc(100% - 10px - 2rem)}@media screen and (min-width:750px){#navigation-bar .close-button{display:none}}#navigation-bar .mobile-space{flex-grow:1}@media screen and (min-width:750px){#navigation-bar .mobile-space{display:none}}#navigation-bar .hamburger-menu{font-size:2rem;line-height:65px;padding:0 5px}@media screen and (min-width:750px){#navigation-bar .hamburger-menu{display:none}}#navigation-bar ul{display:flex;flex-grow:1;justify-content:flex-end}@media screen and (max-width:749px){#navigation-bar ul{align-items:center;background-color:rgba(20,85,145,.9019607843137255);flex-direction:column;height:100%;justify-content:center;left:-100%;position:fixed;top:0;transition:1s;width:100%;z-index:100}#navigation-bar ul.mobile-active{left:0}}#navigation-bar ul li{display:flex;flex-direction:column;justify-content:center;padding-left:10px}@media screen and (min-width:750px){#navigation-bar ul li{width:100px}}#navigation-bar ul li a,#navigation-bar ul li p{display:block;position:relative;text-align:center;width:100%}#navigation-bar ul li a.current,#navigation-bar ul li p.current{font-weight:500}@media screen and (min-width:750px){#navigation-bar ul li a.current:before,#navigation-bar ul li p.current:before{background-color:#175693;content:"";height:70px;left:0;position:absolute;top:-70px;width:100%}#navigation-bar ul li a.current:after,#navigation-bar ul li p.current:after{background-color:#175693;bottom:-3px;bottom:-2px;content:"";height:3px;height:2px;left:50%;position:absolute;transform:translate(-50%);width:100%}}@media screen and (max-width:749px){#navigation-bar ul li a,#navigation-bar ul li p{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1px;padding:5px}#navigation-bar ul li a:after,#navigation-bar ul li p:after{border-bottom:1px solid #fff;bottom:-1px;content:"";left:50%;position:absolute;transform:translate(-50%);width:70px}}#navigation-bar ul li a:hover:after{content:""}#slider{height:800px;overflow:hidden;position:relative;width:100%}@media screen and (max-width:749px){#slider{height:450px}}#slider img{min-height:100%;min-width:100%;position:absolute;transition:opacity,3s;z-index:-10}#slider #slider-text{background-color:rgba(0,0,0,.6);left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#slider #slider-text h1{font-size:3.75rem;font-weight:700}@media screen and (max-width:749px){#slider #slider-text h1{font-size:2rem}}#slider #slider-text p{font-size:1.35rem;font-weight:300}@media screen and (max-width:749px){#slider #slider-text p{font-size:1rem}}#slider #slider-text .button,#slider #slider-text h1,#slider #slider-text p{text-align:center;width:100%}#slider #slider-text h1,#slider #slider-text p{color:#fff}#slider #slider-text .button{text-align:center}#slider #slider-text .button a{background-color:#175693;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;padding:10px 30px}#footer{background-color:#002e64;color:#fff}#footer #footer-div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%}@media screen and (max-width:749px){#footer #footer-div{flex-direction:column}}#footer #footer-div h3,#footer #footer-div p{margin:0;text-align:center}#footer #footer-div .footer-content{padding-bottom:20px;padding-top:20px}#footer #footer-div .footer-content h3{padding-bottom:5px}#footer #footer-div .footer-content ul li{padding:4px 0 4px 15px}@media screen and (max-width:749px){#footer #footer-div .footer-content ul li{text-align:center}}#footer #footer-div .footer-content ul li a,#footer #footer-div .footer-content ul li p{color:#fff;text-align:left}@media screen and (max-width:749px){#footer #footer-div .footer-content ul li a,#footer #footer-div .footer-content ul li p{text-align:center}}#footer #copyright{background-color:rgba(0,0,0,.3);margin:0;padding:5px 0;text-align:center}@media screen and (max-width:749px){#footer #copyright{font-size:.75rem}}#projects{display:flex;padding:80px 140px}@media screen and (max-width:749px){#projects{flex-direction:column;padding:20px}}#projects .project-column{padding:60px;width:33.33333%}@media screen and (max-width:749px){#projects .project-column{padding:20px 0;width:100%}}#projects .project-column .project-container{width:100%}#projects .project-column .project-container a{display:flex;flex-direction:column}#projects .project-column .project-container img{height:auto;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;width:100%}#projects .project-column .project-container h4{font-size:25px;padding:10px 0;text-align:center;width:100%}