.hidden{display:none!important}.row-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;font-size:18px;line-height:24px}.row-icons img{margin:0 4px;height:40px}.row-icons img:first-child{margin-left:16px}section{margin-bottom:32px}section#introBanner{height:300px;overflow:hidden;position:relative}section#introBanner .background{width:100%;min-height:190px;background:url(../../production/images/banner-back.min.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}section#introBanner .header-button{position:absolute;top:24px;left:36px;z-index:5}section#introBanner .header-button a{min-width:70px;border:2px solid #fff;border-radius:4px;color:#fff;font-size:16px;transition:all .3s ease;padding:8px}section#introBanner .header-button a:hover{background:#fff;color:#236471}section#introBanner .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;left:0;width:100%;padding:72px 32px 32px}section#introBanner .content .avatar{margin-right:32px}section#introBanner .content .avatar img{height:220px;border-radius:2px;box-shadow:0 0 4px 0 #b1b1b1}section#introBanner .content .info{position:relative;top:32px}section#introBanner .content .info .name{font-size:72px;color:#fff}section#introBanner .content .info .profession{font-size:32px;margin:8px 0;color:#236471}section#introBanner .content .info .location{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;color:rgba(0,0,0,.6);-webkit-box-align:center;-ms-flex-align:center;align-items:center}section#introBanner .content .info .location i{font-size:16px}section#introBanner .content .info .company{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;color:rgba(0,0,0,.6);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px}section#introBanner .content .info .company i{font-size:16px;margin-right:4px}section#introBanner .content .info .company a{color:rgba(0,0,0,.6);text-decoration:underline}section#about{padding:32px}section#about .title{font-size:72px;text-align:left;margin-bottom:32px}section#about .title:before{content:"";height:40px;width:1px;background:#fff;border:1px solid #86ccda;margin-right:16px}section#about p{font-size:18px;line-height:24px}section#projects{background:url(../../production/images/project-back.min.jpeg);background-repeat:no-repeat;background-size:cover;background-position:50%;color:#fff;padding:32px}section#projects .title{font-size:72px;text-align:right;margin-bottom:32px}section#projects .title:before{content:"";height:40px;width:1px;background:#fff;border:1px solid;margin-right:16px}section#projects .project-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%;margin:64px 0;min-height:650px}section#projects .project-list .project-name{padding:0 24px;border-left:4px solid hsla(0,0%,100%,.4);min-width:25%}section#projects .project-list .project-name .project{font-size:24px;color:#5fbbce;margin:32px 0;position:relative;transition:all .3s ease}section#projects .project-list .project-name .project:before{content:"";position:absolute;top:8px;left:-32px;height:10px;width:10px;border:1px solid #86ccda;transition:all .3s ease}section#projects .project-list .project-name .project.is-active,section#projects .project-list .project-name .project:hover{color:#236471}section#projects .project-list .project-name .project.is-active:before,section#projects .project-list .project-name .project:hover:before{background:#236471}section#projects .project-list .project-info{max-width:75%}section#projects .project-list .project-info .project-pop{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:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section#projects .project-list .project-info .project-pop .pictures{position:relative;width:74%;height:386px;text-align:center;margin:auto;margin-bottom:32px}section#projects .project-list .project-info .project-pop .pictures img{position:absolute;top:0;left:0;height:350px;border:1px solid rgba(0,0,0,.3);border-radius:4px;transition:all .3s ease;-webkit-transform:translate(0);transform:translate(0)}section#projects .project-list .project-info .project-pop .pictures img.first{z-index:3}section#projects .project-list .project-info .project-pop .pictures img.second{z-index:2}section#projects .project-list .project-info .project-pop .pictures img.third{z-index:1}section#projects .project-list .project-info .project-pop .pictures.is-active img.first.is-animating{-webkit-transform:translateX(62px);transform:translateX(62px)}section#projects .project-list .project-info .project-pop .pictures.is-active img.second.is-animating{-webkit-transform:translateX(38px) translateY(16px);transform:translateX(38px) translateY(16px)}section#projects .project-list .project-info .project-pop .pictures.is-active img.third.is-animating{-webkit-transform:translateX(18px) translateY(32px);transform:translateX(18px) translateY(32px)}section#projects .project-list .project-info .project-pop .pictures.is-active img:hover{z-index:4}section#projects .project-list .project-info .project-pop .content{max-width:90%;opacity:0;transition:opacity .3s ease}section#projects .project-list .project-info .project-pop .content.is-active{opacity:1}section#projects .project-list .project-info .project-pop .content.is-active .project-desc{font-size:20px;letter-spacing:1px;text-align:justify}section#projects .project-list .project-info .project-pop .content.is-active .project-desc a{font-size:20px;padding:0 4px;background:#fff;color:#236471;margin:4px;border-radius:2px}section#projects .project-list .project-info .project-pop .content.is-active .project-desc a.desc-title{background:transparent;margin:0 0 16px;font-size:24px;padding:0;text-decoration:underline;display:block}section#projects .project-list .project-info .project-pop .content.is-active .project-desc a.has-i{background:transparent;margin:0;padding:0;border:none}section#projects .project-list .project-info .project-pop .content.is-active .project-desc a.has-i i{font-size:16px;position:relative;top:2px}section#projects .project-list .project-info .project-pop .content.is-active .project-desc ul{padding-left:16px;margin-top:16px}section#projects .project-list .project-info .project-pop .content.is-active .project-desc ul li{list-style-type:disc;margin:4px 0;text-align:left}section#projects .project-list .project-info .project-pop .content.is-active .desc-tags{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:70%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:16px}section#projects .project-list .project-info .project-pop .content.is-active .desc-tags span{background:#236471;padding:4px;border-radius:2px;color:#fff;margin:0 4px;font-size:16px}section#projects .project-list .project-info .project-pop .content.is-active .desc-tags span:first-child{margin-left:0}section#contact{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;padding:0 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}section#contact,section#contact .contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;justify-content:space-between}section#contact .contact{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify}section#contact .contact img{padding:0 8px;height:40px;width:40px}section#contact .info .row-icons{margin:0}section#contact .info .row-icons img{height:30px}@media screen and (max-width:767px){.desktop-only{display:none!important}.pictures img{height:100px;width:50px}.row-icons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.row-icons span.icon-text{margin-bottom:8px;text-align:left}.row-icons div.icon-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;min-height:110px}.row-icons div.icon-img img{padding:0}.row-icons div.icon-img img:first-child{margin-left:0}section#introBanner{height:260px;overflow:visible}section#introBanner .header-button{position:absolute;width:100%;text-align:center;bottom:-38px;top:auto;left:auto}section#introBanner .header-button a{margin:0 auto;color:#fff;background:#236471;font-size:14px;padding:6px;border-radius:4px}section#introBanner .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:26px}section#introBanner .content .info{text-align:center}section#introBanner .content .info h1.name{font-size:28px}section#introBanner .content .info h1.profession{font-size:16px;color:#fff;font-weight:100}section#introBanner .content .info span{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section#introBanner .content .avatar{text-align:center;margin:0;position:relative;top:46px}section#introBanner .content .avatar img{height:100px}section#about{margin-bottom:0;padding-bottom:0}section#about .title{font-size:42px}section#projects{background:url(../../production/images/project-back-mobile.min.svg);background-repeat:no-repeat;background-size:cover;background-position:50%;margin-bottom:0}section#projects .title{font-size:42px;text-align:left}section#projects .project-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section#projects .project-list .project-name .project{color:hsla(0,0%,100%,.5)}section#projects .project-list .project-name .project.is-active{color:#fff}section#projects .project-list .project-info{max-width:100%;margin-top:28px}section#projects .project-list .project-info .project-pop{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section#projects .project-list .project-info .project-pop .pictures{height:100%;margin-bottom:32px;width:100%}section#projects .project-list .project-info .project-pop .pictures.is-active{margin-bottom:16px}section#projects .project-list .project-info .project-pop .pictures.is-active img{display:none}section#projects .project-list .project-info .project-pop .pictures.is-active img.first{display:block!important;position:relative;width:100%;left:0;top:0;height:44vw}section#projects .project-list .project-info .project-pop .pictures.is-active img.first.is-animating{-webkit-transform:translateX(0);transform:translateX(0)}section#projects .project-list .project-info .project-pop .content{max-width:100%}section#projects .project-list .project-info .project-pop .content p{font-size:18px;text-shadow:0 1px 2px #163b42}section#projects .project-list .project-info .project-pop .content.is-active .desc-tags{max-width:100%}section#contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:10px}section#contact .row-icons{display:none}}@media screen and (min-width:767px) and (max-width:1023px){.desktop-only{display:none!important}.row-icons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.row-icons span.icon-text{margin-bottom:8px}.row-icons img:first-child{margin:0}section#introBanner{height:260px;overflow:visible}section#introBanner .header-button{position:absolute;width:100%;text-align:center;bottom:-38px;top:auto;left:auto}section#introBanner .header-button a{margin:0 auto;color:#fff;background:#236471;font-size:14px;padding:6px;border-radius:4px}section#introBanner .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:26px}section#introBanner .content .info{text-align:center}section#introBanner .content .info h1.name{font-size:28px}section#introBanner .content .info h1.profession{font-size:16px;color:#fff;font-weight:100}section#introBanner .content .info span{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section#introBanner .content .avatar{text-align:center;margin:0;position:relative;top:46px}section#introBanner .content .avatar img{height:100px}section#about .title{font-size:42px}}@media screen and (min-width:768px) and (max-width:1024px){.desktop-only{display:none!important}section#projects .title{font-size:42px;text-align:right}section#projects .project-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}section#projects .project-list .project-name{min-width:36%}section#projects .project-list .project-name .project{color:hsla(0,0%,100%,.5)}section#projects .project-list .project-name .project.is-active{color:#236471}section#projects .project-list .project-info{max-width:100%;margin-top:28px}section#projects .project-list .project-info .project-pop{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section#projects .project-list .project-info .project-pop .pictures{height:100%;margin-bottom:32px;width:100%}section#projects .project-list .project-info .project-pop .pictures.is-active{margin-bottom:16px}section#projects .project-list .project-info .project-pop .pictures.is-active img{display:none}section#projects .project-list .project-info .project-pop .pictures.is-active img.first{display:block!important;position:relative;width:100%;left:0;top:0;height:32vw}section#projects .project-list .project-info .project-pop .pictures.is-active img.first.is-animating{-webkit-transform:translateX(0);transform:translateX(0)}section#projects .project-list .project-info .project-pop .content{max-width:100%}section#projects .project-list .project-info .project-pop .content p{font-size:18px;text-shadow:0 1px 2px #163b42}}