@font-face{font-family:OpenSans;src:url(fonts/OpenSans-Regular.ttf)}@font-face{font-family:OpenSans-Light;src:url(fonts/OpenSans-Light.ttf)}@font-face{font-family:OpenSans-Bold;src:url(fonts/OpenSans-Bold.ttf)}body{margin:0;padding:0;font-family:OpenSans;font-size:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}li{list-style-type:none}a{text-decoration:none;color:#266075}h2{text-align:center}.header{background-color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1em 5%}.header,.header .header--logo{display:-webkit-box;display:-ms-flexbox;display:flex}.header .header--logo a,.header h1{-ms-flex-item-align:center;align-self:center}.header h1,.projects{color:#266075}.projects{margin:0 auto;padding:4em 0;max-width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects .project--wrapper{background-color:#fff;height:350px;width:300px;max-height:450px;overflow:hidden;margin:2em;position:relative;border-radius:15px;-webkit-box-shadow:-2px 2px 13px -4px rgba(0,0,0,.3);box-shadow:-2px 2px 13px -4px rgba(0,0,0,.3)}.projects .project--wrapper:hover .project--modal-box{opacity:1}.projects .project--wrapper .project--footer{position:absolute;bottom:0;left:0;padding:.6em 1.1em;background-color:#fff;width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:2px 6px 15px 0 rgba(0,0,0,.35);box-shadow:2px 6px 15px 0 rgba(0,0,0,.35);z-index:2}.projects .project--wrapper .project--footer h4{margin-bottom:0;margin-top:10px;font-size:16px}.projects .project--wrapper .project--footer p{font-size:14px;margin-bottom:10px}.projects .project--wrapper .project--modal-box{-webkit-transition:.3s ease;transition:.3s ease;opacity:0;position:absolute;top:0;left:0;height:300px;width:100%;text-align:center;background-color:rgba(0,0,0,.6);color:#fff;font-size:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects .project--wrapper .project--modal-box a{width:110px;margin:0 auto;color:#fff}.projects .project--wrapper .project--modal-box a:hover{color:#266075}.projects .project--wrapper .project--modal-box a:hover h4{background-color:#fff}.projects .project--wrapper .project--modal-box a:nth-child(2){margin-top:2em}.projects .project--wrapper .project--modal-box a h4{border:1px solid #fff;margin:0;padding:.5em 0;border-radius:30px;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:14px}.footer{margin-top:auto}.footer .footer--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .footer--main p{-ms-flex-item-align:center;align-self:center}@media only screen and (max-width:768px){.header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2em 1em}.header .header--logo{margin:0 auto}.header h1{margin-bottom:0;text-align:center}.projects{padding:2em 0}}