@charset "UTF-8";/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.row{display:block}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.row{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}.container{width:80%}}.row-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.row-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.row-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.row-around{-ms-flex-pack:distribute;justify-content:space-around}.row-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.row-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.col-1{-ms-flex-preferred-size:4.66666666667%;flex-basis:4.66666666667%}.col-2{-ms-flex-preferred-size:13.3333333333%;flex-basis:13.3333333333%}.col-3{-ms-flex-preferred-size:22%;flex-basis:22%}.col-4,.col-one-third{-ms-flex-preferred-size:30.6666666667%;flex-basis:30.6666666667%}.col-5{-ms-flex-preferred-size:39.3333333333%;flex-basis:39.3333333333%}.col-6{-ms-flex-preferred-size:48%;flex-basis:48%}.col-7{-ms-flex-preferred-size:56.6666666667%;flex-basis:56.6666666667%}.col-8,.col-two-thirds{-ms-flex-preferred-size:65.3333333333%;flex-basis:65.3333333333%}.col-9{-ms-flex-preferred-size:74%;flex-basis:74%}.col-10{-ms-flex-preferred-size:82.6666666667%;flex-basis:82.6666666667%}.col-11{-ms-flex-preferred-size:91.3333333333%;flex-basis:91.3333333333%}.col-12{-ms-flex-preferred-size:100%;flex-basis:100%}.col-half{-ms-flex-preferred-size:50%;flex-basis:50%}.off-col-1{margin-left:4.66666666667%}.off-col-2{margin-left:13.3333333333%}.off-col-3{margin-left:22%}.off-col-4{margin-left:30.6666666667%}.off-col-5{margin-left:39.3333333333%}.off-col-6{margin-left:48%}.off-col-7{margin-left:56.6666666667%}.off-col-8{margin-left:65.3333333333%}.off-col-9{margin-left:74%}.off-col-10{margin-left:82.6666666667%}.off-col-11{margin-left:91.3333333333%}@font-face{font-family:Gilroy;src:url(../fonts/gilroy-extrabold-webfont.woff2) format("woff2"),url(../fonts/gilroy-extrabold-webfont.woff) format("woff");font-weight:400;font-style:normal}body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:16px}h1,h2,h3,h4,h5{font-family:Gilroy,sans-serif;font-size:3rem;margin-left:40px;margin-top:90px;position:relative}::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}img{width:100%;height:auto}a{text-decoration:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.slogan{position:absolute;width:120px;height:40px;top:10px;right:5%;z-index:9999;font-family:Gilroy,sans-serif;z-index:1;cursor:pointer}.slogan::before{content:'web-developer';width:120px;position:absolute;top:0;right:0;color:#000;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.slogan::after{content:'/wɛb-dɪˈveləpə(r)/';position:absolute;top:20px;right:-10px;width:140px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0}.slogan:hover::before{top:-20px;opacity:0}.slogan:hover::after{top:0;opacity:1}#cookie-message{position:absolute;bottom:0;right:0;width:100%;height:45px}#cookie-message span{position:absolute;right:4%;top:20px;font-family:Gilroy,sans-serif;z-index:999;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer}#cookie-message p{position:absolute;top:20px;right:4%;opacity:0;z-index:998;font-size:.8rem;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}#cookie-message a{color:#000;position:relative;display:inline-block;z-index:1;cursor:pointer}#cookie-message a::after{content:'';position:absolute;width:calc(100% + 2px);height:10px;left:50%;bottom:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-color:rgba(255,161,97,.6);z-index:-1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}#cookie-message a:hover::after{height:100%}#loader{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.cubes{width:40px;height:40px;margin:100px auto}.cubes .sk-cube{width:33%;height:33%;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.cubes .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s;background-color:#ffa255}.cubes .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s;background-color:#a33021}.cubes .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s;background-color:#3a120c}.cubes .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s;background-color:#f27746}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.folding{margin:20px auto;width:60px;height:60px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.folding .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1)}.folding .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.folding .sk-cube1:before{background-color:#ffa255}.folding .sk-cube2:before{background-color:#a33021}.folding .sk-cube3:before{background-color:#3a120c}.folding .sk-cube4:before{background-color:#f27746}.folding .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.folding .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.folding .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.folding .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.folding .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.folding .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.browser-warn,.old-browser-warn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:9999;color:#fff;font-size:1.3rem;padding:0 20px}.browser-warn{display:-webkit-box;display:-ms-flexbox;display:flex}.old-browser-warn{display:none}.old-browser-warn a{color:#ffa255}.cls-1{fill:#f27746}.cls-2{fill:#ba4120}.cls-3{fill:#ffcb64}.cls-4{fill:#f8fffb}.cls-5{fill:#e4f9ef}.cls-6{fill:#cfede0}.cls-7{fill:#ffa255}.cls-8{fill:#dd5f33}.cls-9{fill:#7c2916}.cls-10{fill:#a33021}.cls-11{fill:#8e2820}.cls-12{fill:#5b1a13}.cls-13{fill:#912724}.cls-14{fill:#3a120c}.cls-15{fill:#9b2823}.cls-16{fill:#771d19}.cls-17{fill:#751f1f}[class^=cls]{-webkit-transition:1s ease-in-out;transition:1s ease-in-out;stroke:transparent;stroke-width:2px}.active-fox-color-1 .cls-1,.active-fox-color-1 .cls-2,.active-fox-color-1 .cls-3,.active-fox-color-1 .cls-7,.active-fox-color-1 .cls-8,.active-fox-color-1 .cls-9{fill:#fff;stroke:#000;stroke-width:1px}.active-fox-color-2 .cls-4,.active-fox-color-2 .cls-5,.active-fox-color-2 .cls-6{fill:#fff;stroke:#000;stroke-width:1px}.active-fox-color-3 .cls-10,.active-fox-color-3 .cls-11,.active-fox-color-3 .cls-12,.active-fox-color-3 .cls-13,.active-fox-color-3 .cls-14,.active-fox-color-3 .cls-15,.active-fox-color-3 .cls-16,.active-fox-color-3 .cls-17{fill:transparent;stroke:#000;stroke-width:1px}.fox-head{-webkit-animation:20s moveHead infinite;animation:20s moveHead infinite;-webkit-animation-delay:2s;animation-delay:2s}.active-small-head .cls-1,.active-small-head .cls-10,.active-small-head .cls-11,.active-small-head .cls-12,.active-small-head .cls-13,.active-small-head .cls-14,.active-small-head .cls-15,.active-small-head .cls-16,.active-small-head .cls-17,.active-small-head .cls-2,.active-small-head .cls-3,.active-small-head .cls-4,.active-small-head .cls-5,.active-small-head .cls-6,.active-small-head .cls-7,.active-small-head .cls-8,.active-small-head .cls-9{fill:#f8f8f8;stroke:#000;stroke-width:1px}@-webkit-keyframes moveHead{0%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}5%{-webkit-transform:rotate(-10deg) translate(-50px,60px);transform:rotate(-10deg) translate(-50px,60px)}10%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}100%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}}@keyframes moveHead{0%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}5%{-webkit-transform:rotate(-10deg) translate(-50px,60px);transform:rotate(-10deg) translate(-50px,60px)}10%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}100%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}}@-webkit-keyframes moveSmallHead{0%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}50%{-webkit-transform:rotate(-10deg) translate(-50px,60px);transform:rotate(-10deg) translate(-50px,60px)}100%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}}@keyframes moveSmallHead{0%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}50%{-webkit-transform:rotate(-10deg) translate(-50px,60px);transform:rotate(-10deg) translate(-50px,60px)}100%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}}@-webkit-keyframes moveTail{0%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}50%{-webkit-transform:rotate(-20deg) translate(-245px,220px);transform:rotate(-20deg) translate(-245px,220px)}100%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}}@keyframes moveTail{0%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}50%{-webkit-transform:rotate(-20deg) translate(-245px,220px);transform:rotate(-20deg) translate(-245px,220px)}100%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}}#menu_logo .active-fox-color [class^=cls]{fill:#000;stroke:#fff;stroke-width:3px}.social-icons{width:50%;margin-left:5px}.social-icons .social-svg{fill:#000;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.social-icons a:hover .social-svg{fill:#ffa161}.page-content svg:not(:root){overflow:visible}.page-container{position:fixed;top:0;left:0;height:100vh;width:100%}.page-container .col-3{width:100%}.page-container .header-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.page-container .logo{width:250px;height:auto;margin:45px auto 45px auto;position:relative}.page-container .logo h1{position:absolute;top:0;left:0;margin:0;color:#fff;font-size:1rem;z-index:-1}.page-container .nav-image{width:100px;height:auto;margin:45px auto 45px auto}.main-nav ul{padding:0;margin:0;margin-left:15px}.main-nav ul li{list-style:none;padding:10px 0}.menu-link{font-family:Gilroy,sans-serif;color:#000;letter-spacing:1px;font-size:1.3rem;position:relative;display:block;z-index:1;text-transform:uppercase}.menu-link::before{content:'';position:absolute;overflow:hidden;top:42%;left:0;width:0%;height:40%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-color:rgba(255,161,97,.6);z-index:-1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.menu-link:hover::before{width:100%}.link-active::before{width:100%}main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#load-content{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;opacity:1}.content-container{width:100%;height:100vh;position:relative;z-index:10}.content-container .page-content{position:absolute;width:100%;height:100%;top:0;right:0}.page-content-background-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;overflow:visible}.page-content-background-image svg:not(:root){overflow:visible}.loaded-content{width:90%;height:90%;background-color:#f8f8f8;z-index:10;position:relative;overflow:hidden}.content-image{position:absolute;bottom:-11%;right:-5%;width:30%;height:auto;z-index:9999}.content-image svg:not(:root){overflow:visible}.content-article p{padding:0 120px 0 40px;line-height:1.5rem}.content-article a{color:#000;position:relative;display:inline-block;z-index:1;cursor:pointer}.content-article a::after{content:'';position:absolute;width:calc(100% + 2px);height:5px;left:50%;bottom:10%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-color:rgba(255,161,97,.5);z-index:-1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.content-article a:hover::after{height:90%}.content-article li span{font-size:1.3rem;text-transform:uppercase}.about-list{margin:0;padding:40px 0 0 40px}.about-list li{list-style:none;margin-bottom:40px}.tech-logo{width:70%;margin:60px auto 0 auto;padding:0 120px 0 40px}.tech-logo .col-3:nth-of-type(1){margin-right:20px}.modal-container{position:absolute;top:50%;left:50%;width:95%;height:90%;display:none;-webkit-transform:translate(-50%,-50%) scaleX(0) scaleY(0);transform:translate(-50%,-50%) scaleX(0) scaleY(0);border:2px solid #535353;background-color:#f8f8f8;z-index:50;overflow:hidden}.modal-hidden .modal-content-wrapper{opacity:0;margin-top:25px}.modal-content-wrapper{margin-top:0;opacity:1;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.modal-active{display:block}.closeAnimation{-webkit-animation:1s modalClose forwards;animation:1s modalClose forwards}.openAnimation{-webkit-animation:1s modalAnimation forwards;animation:1s modalAnimation forwards}@-webkit-keyframes modalAnimation{0%{-webkit-transform:translate(-50%,-50%) scaleX(0) scaleY(0);transform:translate(-50%,-50%) scaleX(0) scaleY(0)}25%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(.03);transform:translate(-50%,-50%) scaleX(1) scaleY(.03)}100%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(1);transform:translate(-50%,-50%) scaleX(1) scaleY(1)}}@keyframes modalAnimation{0%{-webkit-transform:translate(-50%,-50%) scaleX(0) scaleY(0);transform:translate(-50%,-50%) scaleX(0) scaleY(0)}25%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(.03);transform:translate(-50%,-50%) scaleX(1) scaleY(.03)}100%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(1);transform:translate(-50%,-50%) scaleX(1) scaleY(1)}}@-webkit-keyframes modalClose{0%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(.9);transform:translate(-50%,-50%) scaleX(1) scaleY(.9)}75%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(.03);transform:translate(-50%,-50%) scaleX(1) scaleY(.03)}100%{-webkit-transform:translate(-50%,-50%) scaleX(0) scaleY(0);transform:translate(-50%,-50%) scaleX(0) scaleY(0)}}@keyframes modalClose{0%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(.9);transform:translate(-50%,-50%) scaleX(1) scaleY(.9)}75%{-webkit-transform:translate(-50%,-50%) scaleX(1) scaleY(.03);transform:translate(-50%,-50%) scaleX(1) scaleY(.03)}100%{-webkit-transform:translate(-50%,-50%) scaleX(0) scaleY(0);transform:translate(-50%,-50%) scaleX(0) scaleY(0)}}.close-modal{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:50%;border:.5px solid #ffa161;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.3s ease-in;transition:.3s ease-in;cursor:pointer}.close-modal::after,.close-modal::before{content:'';position:absolute;display:block;top:11px;left:3px;width:18px;border:.5px solid #ffa161;-webkit-transition:.3s ease-in;transition:.3s ease-in}.close-modal::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.close-modal:hover{-webkit-transform:rotate(135deg);transform:rotate(135deg);border-color:#535353}.close-modal:hover::after,.close-modal:hover::before{border-color:#535353}.portfolio-list{margin:0;padding:0;padding-left:40px;width:93%}.portfolio-list li{list-style:none;display:inline-block;position:relative;overflow:hidden;margin:10px;cursor:pointer}.portfolio-image{width:150px;height:150px;background-size:contain;background-repeat:no-repeat;position:relative}.portfolio-image line{fill:none;stroke:#000;stroke-width:3px;stroke-dasharray:200;-webkit-transition:.6s ease-in-out;transition:.6s ease-in-out}.portfolio-image:hover .top{-webkit-transform:translateX(-300px);transform:translateX(-300px)}.portfolio-image:hover .bottom{-webkit-transform:translateX(300px);transform:translateX(300px)}.portfolio-image:hover .left{-webkit-transform:translateY(300px);transform:translateY(300px)}.portfolio-image:hover .right{-webkit-transform:translateY(-300px);transform:translateY(-300px)}.portfolio-container h3{margin-top:45px;margin-bottom:-16px}.portfolio-container a{margin-left:40px;text-transform:uppercase}.portfolio-subtitle{font-size:1.3rem;font-weight:300;color:#535353}.mockup-container{width:100%}.mockup-container img{width:40%;display:block;margin-left:auto;margin-right:auto}.varsopolis{background-image:url(../images/varsopolis.png)}.bikeconcept{background-image:url(../images/bikeconcept.png)}.nailsplace{background-image:url(../images/nailsplace.png)}.bestchocolate{background-image:url(../images/bestchocolate.png)}.edo{background-image:url(../images/edo.png)}.hostessy{background-image:url(../images/hostessy.png)}.bkev{background-image:url(../images/bkev.png)}.savoca{background-image:url(../images/savoca.png)}@media (min-width:1281px){.page-container{width:1280px;height:750px;margin:0 auto;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content-container{height:750px}.mockup-container img{width:50%}}@media (max-width:1025px){body{font-size:14px}h1,h2,h3,h4,h5{margin-top:45px}.page-container{margin-top:10px}.main-nav ul li{padding:5px 0}.menu-link{font-size:1rem}.about-list li{margin-right:20px}.content-article{width:100%}.portfolio-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio-list li{width:40%;border:2px solid #000}.portfolio-image{width:100%;height:100px;background-position:center}.portfolio-image svg{display:none}.content-article li span{font-size:1rem}.mockup-container img{width:30%}}@media (max-width:750px){.social-icons{margin-top:10px}.content-image{width:25%;bottom:-10%}.content-article,.modal-container,.modal-content-wrapper{overflow:scroll;padding-bottom:20px}.tech-logo{margin:20px auto 20px auto}.mockup-container{display:none}.about-list{padding:40px 0 0 20px}h1,h2,h3,h4,h5{margin-top:30px;margin-left:20px;font-size:2rem;pointer-events:none}#cookie-message p{padding:0 10px 0 10px}}@media (max-width:550px){h1,h2,h3,h4,h5{font-size:1.3rem}.page-container{position:static}.page-container .logo{margin:60px 60px 20px 60px}.page-container .main-nav{margin-bottom:40px}.content-container{height:auto}.main-nav ul li{display:inline-block;margin:10px}.social-icons{width:50%;margin:0 auto;text-align:center}.social-icons svg{width:10%}.nav-image{display:none}.slogan{display:none}.content-container .page-content{height:auto;margin-top:20px}.content-article p{padding:20px}.portfolio-subtitle{font-size:1.3rem}#cookie-message{top:0}#cookie-message p{background-color:#fff}.content-image{display:none}.tech-logo{padding:0}.portfolio-list{margin:0 auto;padding:0}}@media (max-width:414px){.main-nav ul{margin-left:0}}@media (max-width:414px){.main-nav ul{margin-left:0}}@media (max-width:370px){.main-nav ul li{margin:5px}.menu-link{font-size:.9rem}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){h1::after,h2::after,h3::after,h4::after,h5::after{background-image:url(../images/line@2x.png)}.varsopolis{background-image:url(../images/varsopolis@2x.png)}.bikeconcept{background-image:url(../images/bikeconcept@2x.png)}.nailsplace{background-image:url(../images/nailsplace@2x.png)}.bestchocolate{background-image:url(../images/bestchocolate@2x.png)}.edo{background-image:url(../images/edo@2x.png)}.hostessy{background-image:url(../images/hostessy@2x.png)}.bkev{background-image:url(../images/bkev@2x.png)}.savoca{background-image:url(../images/savoca@2x.png)}}