@media only screen and (max-width:1680px){#portfolio .portfolio-me,#skill .skill-me,.col-1 .about-me{font-size:450%}#contact .contact-me{font-size:600%}.col-1 .about-text{top:-110px}#portfolio .portfolio-col-1,#skill .skill-col-1,.col-2{width:40%}#portfolio .portfolio-col-2,#skill .skill-col-2,.col-1{width:60%}.portfolio-work-items{width:100%}#portfolio .portfolio-filter button{font-size:85%}.contact-item .contact-col-item{font-size:80%;margin:15px 25px;padding:7px 50px 7px 10px}.contact-form input:nth-child(1),.contact-form input:nth-child(2){width:49.6%}}@media only screen and (max-width:1280px){html{overflow-y:scroll;scrollbar-color:#1d1e21 #3e4246;scrollbar-width:thin}body{font-size:16px}#portfolio .portfolio-col-1,#portfolio .portfolio-col-2,.col-1,.col-2,.skill-col-1,.skill-col-2{float:none!important;width:100%!important}#portfolio .portfolio-col-1,.col-2,.skill-col-1{height:70vh!important}#contact .contact-bg,#portfolio .portfolio-col-2,#skill .skill-col-2,.col-1{overflow:scroll;height:100%}#contact .contact-bg{overflow:hidden}#portfolio .portfolio-me,#skill .skill-me,.col-1 .about-me{font-size:700%}#portfolio .portfolio-filter button{font-size:120%}.portfolio-work-items{width:100%}#contact .contact-item,.contact-form{width:100%}.contact-form input:nth-child(1),.contact-form input:nth-child(2){width:49.5%}}@media only screen and (max-width:764px){body{font-size:14px}.hero-bg{background:-webkit-gradient(linear,left top,left bottom,from(rgba(3,3,3,.5)),to(rgba(3,3,3,.7))),url(../img/mobile-hero-bg.jpg) no-repeat center/cover;background:linear-gradient(rgba(3,3,3,.5),rgba(3,3,3,.7)),url(../img/mobile-hero-bg.jpg) no-repeat center/cover}#skill .skill-col,.pricing .pricing-col,.services .services-col{display:grid;grid-template-columns:1fr}#portfolio .portfolio-item{top:-50px}.portfolio-work-container{grid-template-columns:1fr}#portfolio .portfolio-filter button{font-size:100%;margin:20px 0}#contact .contact-me,#portfolio .portfolio-me{font-size:500%;padding:0}#contact .contact-col{display:grid;grid-template-columns:1fr}.contact-item .contact-col-item{font-size:110%}.contact-form input:nth-child(1),.contact-form input:nth-child(2){width:49.3%}}@media only screen and (max-width:480px){h2{font-size:300%}#skill .skill-me,.col-1 .about-me{font-size:500%}#skill .skill-col .skill-col-bar,.pricing .pricing-col .pricing-col-item{margin:15px 5px}#portfolio .portfolio-item{top:0}#portfolio .portfolio-filter button{font-size:75%}#portfolio .portfolio-col-2{padding:25px 15px}#contact .contact-me,#portfolio .portfolio-me{font-size:400%;padding:0}#contact .contact-item{top:0}.contact-item .contact-col-item{margin:10px 20px}.contact-form .contact-info{margin:10px 20px}.contact-form input:nth-child(1),.contact-form input:nth-child(2){width:100%}}@media only screen and (max-width:380px){h2{font-size:230%}.col-1,.skill-col-2{padding:25px 12px}#portfolio .portfolio-me,#skill .skill-me,.col-1 .about-me{font-size:400%}#portfolio .portfolio-filter button{font-size:70%}}