.menu-btn{position:absolute;z-index:3;right:35px;top:35px;cursor:pointer;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px 0;background:#fff;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.menu-btn.close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){-webkit-transform:rotate(45deg) translate(5px, 5px);transform:rotate(45deg) translate(5px, 5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px, -6px);transform:rotate(-45deg) translate(7px, -6px)}.menu-btn:hover .btn-line{background:#ffdb3a}.set-language{position:absolute;right:80px;top:31px;text-transform:uppercase;font-size:26px;line-height:26px;vertical-align:bottom}.menu{position:fixed;top:0;width:100%;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.menu-nav{margin:0;padding:0;background:rgba(55,55,55,0.9);list-style:none;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.menu-nav.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-branding{background:rgba(68,68,68,0.9);-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.menu-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu .nav-item{visibility:visible;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.menu .nav-item.current>a{color:#ffdb3a}.menu .nav-link{display:inline-block;position:relative;font-size:30px;text-transform:uppercase;padding:5% 0;font-weight:300;color:#fff;text-decoration:none;text-shadow:0 0 3px black;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.menu .nav-link:hover{color:#ffdb3a}.nav-item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}.nav-item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.nav-item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.nav-item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#444 url(img/pattern.png);background-attachment:fixed;color:#fff;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height:1.5;margin:0;font-size:1rem}body#bg-img{background:url(img/background.jpg);background-attachment:fixed;background-size:cover}body#bg-img:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;background-color:rgba(68,68,68,0.8)}h1,h2,h3{margin:0;font-weight:400;cursor:default;text-shadow:0 0 3px black}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:600%}h1.sm-heading,h2.sm-heading,h3.sm-heading{margin-bottom:8vh}a{color:#fff;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}a:hover{color:#ffdb3a}header{position:fixed;z-index:2;width:100%}.text-secondary{color:#ffdb3a}main{padding:40px;min-height:calc(100vh - 3rem)}main .icons{margin-top:20px}main .icons a{padding:10px}main#home{overflow:hidden}main#home h1{margin-top:20vh}.portrait{-ms-grid-row:1;-ms-grid-column:1;grid-area:bioimage;margin:auto;border-radius:50%;border:#ffdb3a 3px solid;height:250px;width:250px;background:url(img/portrait.jpg) no-repeat 50% 50%;-webkit-box-shadow:inset 0 0 3px black;box-shadow:inset 0 0 3px black}.about-info{display:-ms-grid;display:grid;grid-gap:30px;grid-template-areas:'bioimage bio bio' 'job1 job2 job3';-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.about-info .bio{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:2;grid-area:bio;font-size:120%}.about-info .job-1{-ms-grid-row:2;-ms-grid-column:1;grid-area:job1}.about-info .job-2{-ms-grid-row:2;-ms-grid-column:2;grid-area:job2}.about-info .job-3{-ms-grid-row:2;-ms-grid-column:3;grid-area:job3}.about-info .job{background:rgba(81,81,81,0.8);padding:15px;border-bottom:#ffdb3a 5px solid;text-align:justify;-webkit-box-shadow:inset 0 0 3px black;box-shadow:inset 0 0 3px black}.projects{display:-ms-grid;display:grid;grid-gap:0.7rem;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.projects img{width:100%;border:2px #ffdb3a solid}.projects img:hover{opacity:0.5;border-color:#ffdb3a;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.boxes{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem}.boxes div{font-size:2rem;border:3px #fff solid;padding:1.5rem 2.5rem;margin-bottom:0.5rem;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;cursor:pointer}.boxes div:hover{padding:1.5rem 2.2rem;margin:0 0.3rem 0.5rem;background:#ffdb3a;color:#fff}.boxes div:hover span{color:#fff}.btn,.btn-dark,.btn-light{display:block;padding:0.5rem 1rem;border:0;margin-bottom:0.3rem}.btn:hover,.btn-dark:hover,.btn-light:hover{background:#ffdb3a;color:#000}.btn-dark{background:#000;color:#fff}.btn-dark:hover{color:#FFF}.btn-light{background:#c4c4c4;border:2px solid #ffdb3a;color:#333}.btn-light:hover{color:#FFF}#main-footer{text-align:center;background:#2b2b2b;color:#fff;height:3rem;line-height:3rem}@media screen and (min-width: 1171px){.projects{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 769px) and (max-width: 1170px){.projects{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}main .lg-heading{line-height:1;margin-bottom:5vh}ul.menu-nav,div.menu-branding{float:none;width:100%;min-height:0}ul.menu-nav.show,div.menu-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-nav{height:75vh;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);font-size:24px}.menu-branding{height:25vh;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.menu-branding .portrait{background:url(img/portrait_small.jpg) no-repeat 50% 50%;background-size:120px;width:120px;height:120px}.about-info{grid-template-areas:'bioimage' 'bio' 'job1' 'job2' 'job3';-ms-grid-columns:1fr;grid-template-columns:1fr}.projects{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 500px){main#home h1{margin-top:15vh}.projects{-ms-grid-columns:1fr;grid-template-columns:1fr}}