@media screen and (max-width:414px){#loading-page{padding:0 2px}.main-name{font-size:25px;letter-spacing:.5px}.subtitle{font-size:16px;letter-spacing:1px}.enter-msg{font-size:12.5px;bottom:100px}#main-container{padding:0;width:100%}#navbar .content .box .logo{margin-left:1.5%}#navbar .content .box img{width:12vh}.nav-right-side{display:none}#burger-menu{display:block}#burger-menu img{width:3.5vh}#mobile-menu{top:58px}#my-work{margin-top:5%;padding:0}#my-work .content .work-box{width:100%;height:300px;padding:0;flex-wrap:wrap;overflow:visible}#my-work .content .work-box .box1{width:100%;height:60%;margin-top:10px}.scroll-frame{width:63.3%;height:83%;top:5.6%;left:18.3%}#my-work .content .work-box .box2{width:100%;position:relative;height:20%;padding:5px;top:0;padding-left:20px}#my-work .content .work-box .box2 h4{font-size:14px;position:relative;top:-10px}#my-work .content .work-box .box2 p a{font-size:18px}#my-work2{margin-top:0;padding:0}#my-work2 .content .work-box2{width:100%;height:300px;padding:0;flex-wrap:wrap-reverse;overflow:visible}#my-work2 .content .work-box2 .box1{width:100%;height:60%;margin-top:10px}#my-work2 .content .work-box2 .box2{width:90%;margin:auto}.scroll-frame2{width:63.3%;height:83%;top:5.6%;left:18.3%}#my-work2 .content .work-box2 .box2{width:100%;position:relative;height:20%;padding:5px;top:0;text-align:start;padding-left:20px}#my-work2 .content .work-box2 .box2 h4{font-size:14px;position:relative;top:-10px}#my-work2 .content .work-box2 .box2 p a{font-size:18px}#footer{margin-top:5%;height:50px}#footer .content{padding-top:15px}#footer .content p{font-size:12px}#footer .content p a{font-size:12px}#detail-page .content .box h2{font-size:32px}#summary{margin-top:5%}#summary .content{flex-wrap:wrap-reverse}#summary .content .box{width:100%;padding:5px}#summary .content .box .image{width:100%;height:500px;position:relative;top:-25%}#summary .content .box2 h5{margin-top:0;margin-bottom:10px}#summary .content .box2 p{font-size:16px}#summary .content .box2 .greet{margin-top:5%;text-align:end;position:relative;top:71%}#summary .content .box2 .greet h1{font-size:30px}#projects-done{margin-top:10%}#projects-done .content .total{flex-wrap:wrap;justify-content:center;margin-top:0;row-gap:0}#projects-done .content .total ul.second-list{position:relative;top:-47px}#projects-done .content .total ul li{padding-left:5px;width:100%}#projects-done .content .total ul li a{font-size:16px}#projects-done .content .total ul li a span{margin-right:5px}#projects-done .content .total ul li a span img{width:2vh}#afterwords{margin-top:-6%}#afterwords .content{flex-wrap:wrap-reverse;width:100%}#afterwords .content .box{width:100%}#afterwords .content .box p{font-size:16px}#afterwords .content .box .quote{position:relative;width:100%;text-align:end;display:flex;justify-content:end}#afterwords .content .box .quote h6{font-size:40px;max-width:300px;margin-right:10px}#acknowledgement{justify-content:end}#acknowledgement .content{width:100%}#acknowledgement .content p{font-size:16px}#contact-us .content .box2{width:100%}#contact-us .content .box2 .greeting{top:0;right:2%}#contact-us .content .box2 .greeting h1{font-size:33px}#contact-us .content .box2 .greeting p{font-size:16px}#contact-us .content .box2 .form{width:100%;left:0;padding:15px}#contact-us .content .box2 .form form .input-form{position:relative;margin-bottom:20px}#contact-us .content .box2 .form form .input-form button{position:relative;top:-20px;padding-left:8px}#contact-us .content .box1{width:100%;padding:10px;position:fixed;left:0;top:88%;transform:rotate(0deg)}#contact-us .content .box1 .text h1{font-size:18px}#contact-us .content .box1 .text p{font-size:14px}.cta-btn{bottom:60px}.cookie-banner{padding:10px 5px}.cookie-content{width:100%;flex-wrap:wrap}.cookie-text{font-size:12px;width:100%}.cookie-actions{justify-content:center;width:100%}.btn-primary,.btn-secondary{padding:8px;font-size:12px}}@media screen and (max-width:500px) and (min-width:414px){#loading-page{padding:0 2px}.main-name{font-size:25px;letter-spacing:.5px}.subtitle{font-size:16px;letter-spacing:1px}.enter-msg{font-size:12.5px;bottom:80px}#main-container{padding:0;width:100%}#navbar .content .box .logo{margin-left:1.5%}#navbar .content .box img{width:12vh}.nav-right-side{display:none}#burger-menu{display:block;margin-top:0}#burger-menu img{width:3.4vh}#mobile-menu{top:65px}#my-work{margin-top:5%;padding:0}#my-work .content .work-box{width:100%;height:300px;padding:0;flex-wrap:wrap;overflow:visible}#my-work .content .work-box .box1{width:100%;height:60%;margin-top:10px}.scroll-frame{width:54.5%;height:83%;top:5.8%;left:22.8%}#my-work .content .work-box .box2{width:100%;position:relative;height:20%;padding:5px;top:0;padding-left:60px}#my-work .content .work-box .box2 h4{font-size:14px;position:relative;top:-10px}#my-work .content .work-box .box2 p a{font-size:18px}#my-work2{margin-top:0;padding:0}#my-work2 .content .work-box2{width:100%;height:300px;padding:0;flex-wrap:wrap-reverse;overflow:visible}#my-work2 .content .work-box2 .box1{width:100%;height:60%;margin-top:10px}#my-work2 .content .work-box2 .box2{width:90%;margin:auto}.scroll-frame2{width:54.5%;height:83%;top:5.8%;left:22.8%}#my-work2 .content .work-box2 .box2{width:100%;position:relative;height:20%;padding:5px;top:0;text-align:start;padding-left:60px}#my-work2 .content .work-box2 .box2 h4{font-size:14px;position:relative;top:-10px}#my-work2 .content .work-box2 .box2 p a{font-size:18px}#footer{margin-top:5%;height:50px}#footer .content{padding-top:15px}#footer .content p{font-size:12px}#footer .content p a{font-size:12px}#detail-page .content .box h2{font-size:32px}#summary{margin-top:5%}#summary .content{flex-wrap:wrap-reverse}#summary .content .box{width:100%;padding:5px}#summary .content .box .image{width:100%;height:520px;position:relative;top:-130px}#summary .content .box2 h5{margin-top:0;margin-bottom:10px}#summary .content .box2 p{font-size:16px}#summary .content .box2 .greet{text-align:end;position:relative;top:570px}#summary .content .box2 .greet h1{font-size:35px}#projects-done .content .total{flex-wrap:wrap;justify-content:center;margin-top:0;row-gap:0}#projects-done .content .total ul.second-list{position:relative;top:-47px}#projects-done .content .total ul li{padding-left:5px;width:100%}#projects-done .content .total ul li a{font-size:16px}#projects-done .content .total ul li a span{margin-right:5px}#projects-done .content .total ul li a span img{width:2vh}#afterwords{margin-top:-6%}#afterwords .content{flex-wrap:wrap-reverse;width:100%}#afterwords .content .box{width:100%}#afterwords .content .box p{font-size:16px}#afterwords .content .box .quote{position:relative;width:100%;text-align:end;display:flex;justify-content:end}#afterwords .content .box .quote h6{font-size:40px;max-width:300px;margin-right:10px}#acknowledgement{justify-content:end;margin-top:5%}#acknowledgement .content{width:100%}#acknowledgement .content p{font-size:16px}#contact-us .content .box2{width:100%}#contact-us .content .box2 .greeting{top:0;right:2%}#contact-us .content .box2 .greeting h1{font-size:33px}#contact-us .content .box2 .greeting p{font-size:16px}#contact-us .content .box2 .form{width:100%;left:0;padding:15px}#contact-us .content .box2 .form form .input-form{position:relative;margin-bottom:20px}#contact-us .content .box2 .form form .input-form button{position:relative;top:-20px;padding-left:8px}#contact-us .content .box1{width:100%;padding:10px;position:fixed;left:0;top:88%;transform:rotate(0deg)}#contact-us .content .box1 .text h1{font-size:20px}#contact-us .content .box1 .text p{font-size:16px;margin-top:-5px}.cta-btn{bottom:60px}.cookie-banner{padding:10px 5px}.cookie-content{width:100%;flex-wrap:wrap}.cookie-text{font-size:12px;width:100%}.cookie-actions{justify-content:center;width:100%}.btn-primary,.btn-secondary{padding:8px;font-size:12px}}@media screen and (max-width:768px) and (min-width:500px){#loading-page{padding:0 2px}.main-name{font-size:42px;letter-spacing:.5px}.subtitle{font-size:25px;letter-spacing:1px}.enter-msg{font-size:18.5px;bottom:80px}#main-container{padding:0;width:100%}#navbar .content .box .logo{margin-left:1.5%}#navbar .content .box img{width:16vh}.nav-right-side{display:none}#burger-menu{display:block;margin-top:-8px;margin-right:10px}#burger-menu img{width:4vh}#mobile-menu{top:85px}.all-frame{width:65%;margin:auto;margin-top:8%}#my-work{margin-top:0;padding:0}#my-work .content .work-box{width:100%;height:550px;padding:0;flex-wrap:wrap;overflow:visible}#my-work .content .work-box .box1{width:100%;height:60%;margin-top:10px}.scroll-frame{width:76%;height:55%;top:21%;left:12%}#my-work .content .work-box .box2{width:100%;position:relative;height:20%;padding:5px;top:-40px;padding-left:100px}#my-work .content .work-box .box2 h4{font-size:20px;position:relative;top:-10px}#my-work .content .work-box .box2 p a{font-size:25px}#my-work2{margin-top:0;padding:0}#my-work2 .content .work-box2{width:100%;height:550px;padding:0;flex-wrap:wrap-reverse;overflow:visible}#my-work2 .content .work-box2 .box1{width:100%;height:60%;margin-top:10px}#my-work2 .content .work-box2 .box2{width:90%;margin:auto}.scroll-frame2{width:76%;height:55%;top:21%;left:12%}#my-work2 .content .work-box2 .box2{width:100%;position:relative;height:20%;padding:5px;top:-40px;text-align:start;padding-left:120px}#my-work2 .content .work-box2 .box2 h4{font-size:20px;position:relative;top:-10px}#my-work2 .content .work-box2 .box2 p a{font-size:25px}#footer{margin-top:5%;height:50px}#footer .content{padding-top:15px}#footer .content p{font-size:12px}#footer .content p a{font-size:12px}#detail-page .content .box h2{font-size:32px}.all-meet{width:65%;margin:auto;margin-top:5%}#summary{margin-top:5%}#summary .content{flex-wrap:wrap-reverse}#summary .content .box{width:100%;padding:5px}#summary .content .box .image{width:100%;height:520px;position:relative;top:0}#summary .content .box2 h5{margin-top:0;margin-bottom:10px}#summary .content .box2 p{font-size:16px}#summary .content .box2 .greet{text-align:end;position:relative;top:65%}#summary .content .box2 .greet h1{font-size:47px}#projects-done{margin-top:5%}#projects-done .content .total{flex-wrap:wrap;justify-content:center;margin-top:0;row-gap:0}#projects-done .content .total ul.second-list{position:relative;top:-47px}#projects-done .content .total ul li{padding-left:5px;width:100%}#projects-done .content .total ul li a{font-size:16px}#projects-done .content .total ul li a span{margin-right:5px}#projects-done .content .total ul li a span img{width:2vh}#afterwords{margin-top:8%}#afterwords .content{flex-wrap:wrap-reverse;width:100%}#afterwords .content .box{width:100%}#afterwords .content .box p{font-size:16px}#afterwords .content .box .quote{position:relative;width:100%;text-align:end;display:flex;justify-content:end}#afterwords .content .box .quote h6{font-size:40px;max-width:300px;margin-right:10px}#acknowledgement{justify-content:end;margin-top:5%}#acknowledgement .content{width:100%}#acknowledgement .content p{font-size:16px}.all-contact{width:65%;margin:auto;margin-top:5%}#contact-us .content .box2{width:100%}#contact-us .content .box2 .greeting{top:0;right:2%}#contact-us .content .box2 .greeting h1{font-size:33px}#contact-us .content .box2 .greeting p{font-size:16px}#contact-us .content .box2 .form{width:100%;left:0;padding:15px}#contact-us .content .box2 .form form .input-form{position:relative;margin-bottom:20px}#contact-us .content .box2 .form form .input-form button{position:relative;top:-20px;padding-left:8px}#contact-us .content .box1{width:75%;padding:10px;position:fixed;left:18%;top:80%;transform:rotate(0deg)}#contact-us .content .box1 .text h1{font-size:25px}#contact-us .content .box1 .text p{font-size:18px;margin-top:-5px}.cookie-banner{padding:10px 5px}.cookie-content{width:100%;flex-wrap:wrap}.cookie-text{font-size:12px;width:100%}.cookie-actions{justify-content:center;width:100%}.btn-primary,.btn-secondary{padding:8px;font-size:12px}}@media screen and (max-width:920px) and (min-width:768px){#loading-page{padding:0 2px}.main-name{font-size:45px;letter-spacing:.5px}.subtitle{font-size:25px;letter-spacing:1px}.enter-msg{font-size:18.5px;bottom:80px}#main-container{padding:0;width:100%}#navbar .content .box .logo{margin-left:1.5%}#navbar .content .box img{width:16vh}.nav-right-side{display:none}#burger-menu{display:block;margin-right:10px}#burger-menu img{width:5vh}#mobile-menu{top:84px}.all-frame{width:65%;margin:auto;margin-top:8%}#my-work{margin-top:0;padding:0}#my-work .content .work-box{width:100%;height:550px;padding:0;flex-wrap:wrap;overflow:visible}#my-work .content .work-box .box1{width:100%;height:60%;margin-top:10px}.scroll-frame{width:74.2%;height:85%;top:5%;left:13%}#my-work .content .work-box .box2{width:100%;position:relative;height:20%;padding:5px;top:-50px;padding-left:50px}#my-work .content .work-box .box2 h4{font-size:20px;position:relative;top:-10px}#my-work .content .work-box .box2 p a{font-size:25px}#my-work2{margin-top:0;padding:0}#my-work2 .content .work-box2{width:100%;height:550px;padding:0;flex-wrap:wrap-reverse;overflow:visible}#my-work2 .content .work-box2 .box1{width:100%;height:60%;margin-top:10px}#my-work2 .content .work-box2 .box2{width:90%;margin:auto}.scroll-frame2{width:76.5%;height:75.4%;top:9.5%;left:11.7%}#my-work2 .content .work-box2 .box2{width:100%;position:relative;height:20%;padding:5px;text-align:start;top:-50px;padding-left:50px}#my-work2 .content .work-box2 .box2 h4{font-size:20px;position:relative;top:-10px}#my-work2 .content .work-box2 .box2 p a{font-size:25px}#footer{margin-top:5%;height:50px}#footer .content{padding-top:15px}#footer .content p{font-size:12px}#footer .content p a{font-size:12px}#detail-page .content .box h2{font-size:32px}.all-meet{width:65%;margin:auto;margin-top:5%}#summary{margin-top:5%}#summary .content{flex-wrap:wrap-reverse}#summary .content .box{width:100%;padding:5px}#summary .content .box .image{width:100%;height:550px;position:relative;top:-34%}#summary .content .box2 h5{margin-top:0;margin-bottom:10px}#summary .content .box2 p{font-size:16px}#summary .content .box2 .greet{text-align:end;position:relative;top:90%}#summary .content .box2 .greet h1{font-size:47px}#projects-done{margin-top:20%}#projects-done .content .total{flex-wrap:wrap;justify-content:center;margin-top:0;row-gap:0}#projects-done .content .total ul.second-list{position:relative;top:-47px}#projects-done .content .total ul li{padding-left:5px;width:100%}#projects-done .content .total ul li a{font-size:16px}#projects-done .content .total ul li a span{margin-right:5px}#projects-done .content .total ul li a span img{width:2vh}#afterwords{margin-top:-5%}#afterwords .content{flex-wrap:wrap-reverse;width:100%}#afterwords .content .box{width:100%}#afterwords .content .box p{font-size:16px}#afterwords .content .box .quote{width:100%;text-align:end;display:flex;margin-top:8%;justify-content:end}#afterwords .content .box .quote h6{font-size:50px;max-width:400px;margin-right:10px}#acknowledgement{justify-content:end}#acknowledgement .content{width:100%}#acknowledgement .content p{font-size:16px}.all-contact{width:65%;margin:auto;margin-top:5%}#contact-us .content .box2{width:100%}#contact-us .content .box2 .greeting{top:0;right:2%}#contact-us .content .box2 .greeting h1{font-size:33px}#contact-us .content .box2 .greeting p{font-size:16px}#contact-us .content .box2 .form{width:100%;left:0;padding:15px}#contact-us .content .box2 .form form .input-form{position:relative;margin-bottom:20px}#contact-us .content .box2 .form form .input-form button{position:relative;top:-20px;padding-left:8px}#contact-us .content .box1{width:65%;padding:10px;position:fixed;left:18%;top:88%;transform:rotate(0deg)}#contact-us .content .box1 .text h1{font-size:25px}#contact-us .content .box1 .text p{font-size:18px;margin-top:-5px}.cookie-banner{padding:10px 5px}.cookie-content{width:100%;flex-wrap:wrap}.cookie-text{font-size:14px;width:100%}.cookie-actions{justify-content:center;width:100%}.btn-primary,.btn-secondary{padding:8px;font-size:14px}}@media screen and (max-width:1024px) and (min-width:920px){#loading-page{padding:0 2px}.main-name{font-size:60px;letter-spacing:1.5px}.subtitle{font-size:30px;letter-spacing:2px}.enter-msg{font-size:22.5px;bottom:80px}#main-container{padding:0;width:100%}#navbar .content .box .logo{margin-left:2%}#navbar .content .box img{width:23vh;padding-top:10px}.scroll-frame,.scroll-frame2{width:76.5%;height:75.4%;top:9.5%;left:11.7%}.all-meet{width:95%;padding-left:2%}#detail-page .content .box h2{font-size:70px}#summary .content .box{width:50%}#summary .content .box .image{width:85%;height:450px}#summary .content .box2 p{font-size:16px}#summary .content .box2 .greet{margin-top:10%}#summary .content .box2 .greet h1{font-size:60px}#projects-done{margin-top:5%}#afterwords .content{width:100%}#afterwords .content .box .quote{top:5%}#acknowledgement{display:flex;justify-content:end;margin-top:10%}#acknowledgement .content{width:50%}.all-contact{margin-top:7%}#contact-us .content .box1{width:700px;position:absolute;left:-25%;top:40%;transform:rotate(-90deg)}#contact-us .content .box1 .text h1{font-size:30px}#contact-us .content .box1 .text p{font-size:20px}#contact-us .content .box2 .form{text-align:start;position:absolute;width:50%;left:40%;top:60%}}@media screen and (max-width:1140px) and (min-width:1024px){#loading-page{padding:0 2px}.main-name{font-size:65px;letter-spacing:.5px}.subtitle{font-size:30px;letter-spacing:1px}.enter-msg{font-size:25.5px}.scroll-frame,.scroll-frame2{width:76%;height:70.4%;top:12%;left:12%}#contact-us .content .box1{width:800px;position:absolute;left:-25%;top:33%;transform:rotate(-90deg)}#contact-us .content .box1 .text h1{font-size:28px}#contact-us .content .box1 .text p{font-size:14px}}@media screen and (max-width:1200px) and (min-width:1140px){#loading-page{padding:0 2px}.main-name{font-size:65px;letter-spacing:.5px}.subtitle{font-size:30px;letter-spacing:1px}.enter-msg{font-size:25.5px}.scroll-frame,.scroll-frame2{width:76%;height:70.4%;top:10.5%;left:12%}#contact-us .content .box1{width:800px;position:absolute;left:-23%;top:40%;transform:rotate(-90deg)}#contact-us .content .box1 .text h1{font-size:35px;display:none}}@media screen and (max-width:1280px) and (min-width:1200px){#loading-page{padding:0 2px}.main-name{font-size:75px;letter-spacing:.5px}.subtitle{font-size:35px;letter-spacing:1px}.enter-msg{font-size:30.5px}.scroll-frame,.scroll-frame2{width:76%;height:83.4%;top:5.5%;left:12%}#contact-us .content .box1{width:800px;position:absolute;left:-23%;top:40%;transform:rotate(-90deg)}#contact-us .content .box1 .text h1{font-size:35px}}@media screen and (max-width:1400px) and (min-width:1280px){#loading-page{padding:0 2px}.main-name{font-size:85px;letter-spacing:.5px}.subtitle{font-size:45px;letter-spacing:1px}.enter-msg{font-size:35.5px}.scroll-frame,.scroll-frame2{width:76%;height:83.4%;top:5.5%;left:12%}}