@import url(https://fonts.googleapis.com/css?family=Dosis:400,700,800|Open+Sans:300,400,600,700&subset=latin-ext);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.burger{float:right;width:25px;height:18px;border:0;border-top:2px solid #fff;background:0 0;position:relative;outline:0;cursor:pointer;-webkit-transition:.2s -webkit-transform linear;transition:.2s -webkit-transform linear;transition:.2s transform linear;transition:.2s transform linear,.2s -webkit-transform linear}.burger::after,.burger::before{content:'';position:absolute;top:0;left:0;width:100%;border-top:2px solid #fff;-webkit-transform:translateY(6px);transform:translateY(6px)}.burger::after{-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition:.2s -webkit-transform linear;transition:.2s -webkit-transform linear;transition:.2s transform linear;transition:.2s transform linear,.2s -webkit-transform linear}.burger.active{-webkit-transform:rotate(405deg) translateY(2px) translateX(0);transform:rotate(405deg) translateY(2px) translateX(0);border:none}.burger.active::after{-webkit-transform:rotate(-90deg) translateX(-6px);transform:rotate(-90deg) translateX(-6px)}@media only screen and (min-width:768px){.burger{display:none}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{background-color:#fff;font-family:"Open Sans",sans-serif,sans-serif;font-size:18px;font-weight:300;line-height:1.6;color:#757575;scroll-behavior:smooth}h2,h3,h4,h5,h6{color:#212121}h1,h2{font-family:Dosis,sans-serif;font-weight:700}h2{font-size:1.25rem;text-transform:uppercase}@media only screen and (min-width:1024px){h2{font-size:1.75rem}}h3,h4,h5,h6{font-weight:400}img{max-width:100%}button{background:0 0;border:none;font-family:"Open Sans",sans-serif;font-size:18px}.container{display:block;max-width:1200px;margin:0 auto;padding:0 20px}.container-fluid{padding:0 20px}.show{opacity:1!important}.top-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;position:fixed;bottom:0;right:0;width:30px;height:30px;margin:0 10px 10px 0;background-color:rgba(33,150,243,.25);text-align:center}.top-arrow a{color:#fff}@media only screen and (min-width:768px){.top-arrow{margin:0 30px 30px 0}}.head{background:url(../img/head_bg.jpg) no-repeat center;background-size:cover;height:100vh}.head .container{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;position:relative}.head nav{position:absolute;top:0;left:0;right:0;width:100%;max-width:1200px;padding:20px 20px;margin:0 auto}@media only screen and (min-width:768px){.head nav{padding:0}}.head nav .menu ul{display:none;background-color:#2196f3;color:#fff;padding:1rem;margin-top:28px}.head nav .menu ul.visible{display:block}.head nav .menu ul li{border-bottom:1px solid rgba(255,255,255,.15);padding:.75rem 0}.head nav .menu ul li:last-child{border-bottom:none}.head nav .menu ul li a{color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;text-transform:uppercase}@media only screen and (min-width:768px){.head nav .menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;background:0 0;padding:0;margin-top:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.head nav .menu ul li{border-bottom:none}.head nav .menu ul li a{padding:1rem}.head nav .menu ul li a:hover{border-bottom:2px solid #2196f3}}.head__content{display:grid;grid-template-columns:1fr}.head__content--photo{display:none}@media only screen and (min-width:1024px){.head__content{grid-template-columns:repeat(2,1fr)}.head__content--photo{display:block;text-align:center}.head__content--photo img{max-width:100%}.head__content .slogan{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.head .slogan{color:#fff;text-align:center}.head .slogan h1{margin-bottom:1rem;font-size:2rem}@media only screen and (min-width:1024px){.head .slogan h1{font-size:3rem}}.head .slogan__btn{margin-top:3rem}.head .slogan__btn a{background-color:#fff;display:block;padding:.75rem 1.25rem;font-size:.9rem;color:#1976d2;text-decoration:none;font-weight:700;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.head .slogan__btn a:hover{background-color:#2196f3;color:#fff}.head .arrow{position:absolute;bottom:0;padding:2rem 0;-ms-flex-item-align:center;align-self:center;-webkit-animation:move 1.5s infinite;animation:move 1.5s infinite}@-webkit-keyframes move{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes move{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.head .arrow a{color:#fff;opacity:.75}main,section{padding:5rem 0}main h2,section h2{margin-bottom:3rem}.works__container{display:grid;grid-template-columns:repeat(auto-fill,auto);grid-row-gap:1rem}@media only screen and (min-width:768px){.works__container{grid-template-columns:repeat(3,1fr);grid-column-gap:20px}}.works__box2{padding:1rem}.works__box2 i{margin-bottom:2rem;color:#1976d2}.works__box2--desc h4{margin-bottom:.5rem;font-weight:400}.works__box2--desc p{font-size:.9rem;color:#757575}.about{background-color:#1976d2;color:#fff}.about__photo{display:none}.about__content{font-size:.9rem}.about__content img{margin-bottom:2rem}.about h2{color:#fff}@media only screen and (min-width:768px){.about{display:grid;grid-template-columns:1fr 1fr;padding:0}.about__photo{background:url(../img/about_img.jpg) no-repeat top center;background-size:cover;display:block}.about__content{padding:5rem 0;font-size:18px}.about__content img{display:none;margin:0}}@media only screen and (min-width:1024px){.about__content{padding:5rem 5rem 5rem 20px}}.skills{padding-bottom:5rem}.skills__content{margin-bottom:2rem}.skills__boxes{display:grid;grid-template-columns:repeat(auto-fill,1fr);grid-gap:10px}@media only screen and (min-width:768px){.skills__boxes{grid-template-columns:repeat(3,1fr)}}.skills__box{background-color:#bbdefb;padding:.5rem 1rem;font-size:.75rem;font-weight:400;color:#1976d2}.foot{background-color:#1976d2;padding:5rem 0;text-align:center;color:#fff}.foot__mail{display:block;margin-bottom:2rem;font-size:1rem;font-weight:700;color:#fff;text-decoration:none}.foot__mail:hover{text-decoration:underline}@media only screen and (min-width:768px){.foot__mail{font-size:1.5rem;margin-bottom:3rem}}.foot .social{display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.foot .social a{display:block;width:50px;padding:.5rem;position:relative;color:#fff;border-bottom:1px solid #bbdefb;-webkit-transition:color .5s ease-in-out 50ms;transition:color .5s ease-in-out 50ms}.foot .social a:hover{z-index:0;color:#2196f3}.foot .social a:hover span{height:100%;z-index:-1}.foot .social a span{background-color:#fff;position:absolute;bottom:0;left:0;right:0;width:100%;height:0;z-index:0;-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}