body{margin:0}a{text-decoration:none}header{display:flex;justify-content:center;z-index:1000;background:#fff}.container{width:80vw;margin:0 10vw}header .container{display:flex;align-items:center;justify-content:space-between}.logo{width:200px}nav{display:flex}header a{font-size:20px;font-family:"Exo 2";padding:1vh 0;margin:0 1vw;color:#000;position:relative;display:flex;align-items:center}a.current{font-weight:bold}.subnav{position:absolute;flex-direction:column;top:40px;left:-1vw;background:#fff;width:120px;z-index:1000;transform:scale(.8);opacity:0}a:hover .subnav{display:flex;transform:scale(1);transition:transform .2s ease-in;opacity:1}.subnav a{font-size:18px;padding:10px 0;width:auto;display:flex}h1{font-family:"Exo 2"}.intro{overflow:hidden;position:relative;height:80vh;width:calc(100vw - (100vw - 100%))}.intro-text{width:100%;position:absolute;color:#fff;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;height:80vh;flex-direction:column}.intro-text h1{font-weight:normal;font-size:60px;margin:0 0 2vh}.intro-text p{width:50vw;font-size:20px;text-align:center;font-family:"Exo 2";line-height:160%}.intro-button{background:#1cabd6;color:#fff;padding:10px 20px;font-family:"EB Garamond";font-size:20px;display:flex;align-items:center}.intro img{width:100%;position:absolute}.service{padding:4vw 0;display:flex;align-items:center;font-family:"Exo 2"}.service-text{width:46vw;padding:2vw}.service img{width:30vw}.service h2{font-size:30px;text-align:center}.service p{text-align:center;font-size:20px;line-height:160%}.about{min-height:calc(100vh - 153px)}.about-portrait{margin-right:2vw;width:30vw;float:left}.about-text{width:80vw}.about-text p,.about-text h2,.gear-text p,.gear-text h2,.gear-text h3{margin:0;padding:0 0 2vw;font-family:"Exo 2"}.about-text p,.gear-text p{font-size:20px}.about-text h1{margin:0;padding:0 0 2vw}.about-text h2,.gear-text h2{font-size:28px}.contact{text-align:center;height:calc(100vh - 175px)}.contact h1{font-family:"Exo 2"}.contact p{font-family:"Exo 2";font-size:20px}.social-icons{display:flex;justify-content:center}.social-icon{background:#1cabd6;color:#fff;width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-right:10px}.work{height:calc(100vh - 114px);overflow:hidden;position:relative}.work img{position:absolute;opacity:0;transition:opacity 1s;width:100%;margin-top:-200px}.work img:first-of-type{opacity:1}.gear{height:calc(100vh - 153px)}.gear-image{width:300px}.gear-text{text-align:center}.gear-text p{width:600px;margin:auto}.footer{background:#303030;padding:10px 0}.footer-content{width:80vw;margin:auto;font-family:"Exo 2";color:#fff}@media screen and (max-width: 480px){nav{display:flex;padding-bottom:20px}header .container{flex-direction:column}.intro{overflow:hidden;position:relative;width:calc(100vw - (100vw - 100%))}.work{width:100vw;height:calc(100vh - 173px)}.work img{margin-left:50%;transform:translate(-50%);top:173px;width:auto;height:calc(100vh - 173px);position:absolute}.intro{overflow:hidden;position:relative;height:80vh;width:calc(100vw - (100vw - 100%))}.intro-text{width:100%;position:absolute;color:#fff;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;height:80vh;flex-direction:column}.intro-text h1{font-weight:normal;font-size:30px;margin:0 0 2vh}.intro-text p{width:80vw;font-size:16px;text-align:center;font-family:"Exo 2";line-height:160%}.intro img{margin-left:-50%;width:auto;height:100%;position:absolute}.service{padding:4vw 0;display:flex;flex-direction:column;align-items:center;font-family:"Exo 2"}.service-text{width:80vw;padding:2vw}.service img{width:50vw}.about-text h2,.gear-text h2{font-size:20px}.about-portrait{margin-right:4vw;width:30vw;float:left}.about-text p{margin-top:10px}.gear-text p{width:80vw;margin:auto}}