:root{--td: 200ms;--te: ease}html,body{min-height:100%;padding:0;margin:0;display:flex;flex-direction:column;background-color:#030303;font-family:helvetica neue,sans-serif;overflow-x:hidden;position:relative}html.menu-active,body.menu-active{overflow:hidden!important}p{line-height:1.4}.top-navigation{width:100vw;height:111px;background-color:#030303;position:fixed;z-index:99;transition:all ease 600ms}.scrolled .top-navigation{height:80px;transition:all ease 600ms}.scrolled .header-logo{max-height:59px;transition:all ease 500ms}.header-logo{margin-left:35px;cursor:pointer;margin-top:11px;position:fixed;z-index:1000;transition:all ease 500ms;max-height:120px}.navbar-container{display:flex;flex-direction:row;min-height:10vh;justify-content:flex-start;align-items:center;background-color:#030303;max-width:100vw}.container-menu{display:flex;flex-direction:space-around}.nav-main{align-items:center;display:flex;flex-wrap:wrap;height:100%;flex-direction:row-reverse;justify-content:space-around;position:fixed;transition:left 0s calc(var(--td) * 2),transform 0s calc(var(--td) * 2);width:50%;z-index:2;right:-100%;background:#030303}.menu-active .nav-main{overflow-y:auto;overflow-x:hidden}.nav-main .menu__item{opacity:0;transform:translateX(-1rem);transition:opacity var(--td) var(--te),transform var(--td) var(--te)}.menu-1{display:flex;flex-direction:column;justify-content:flex-end;margin-top:29em}.menu-style{font-family:helvetica neue,sans-serif;font-size:20px;line-height:23px;letter-spacing:.007em;text-transform:uppercase;color:#c9bcab!important;margin-bottom:5%}.social-icons{margin-left:6%;margin-top:27%}.menu-style1{font-family:now,Fallback,sans-serif;font-size:16px;line-height:20px;list-style:none;margin-bottom:9px}.menu-style2{font-size:34px;text-transform:uppercase;text-decoration:none;line-height:20px;margin-right:.4em;margin-top:10%;list-style:none}[id=main-navigation-toggle]{opacity:0;position:fixed;top:-100%}[id=main-navigation-toggle]~label{cursor:pointer;position:fixed;right:2.8rem;transition:all ease 500ms;top:1.2rem;z-index:9999}.scrolled [id=main-navigation-toggle]~label{transition:all ease 500ms;top:.6rem}[id=main-navigation-toggle]~label span{display:block;height:2.4vh;padding:.9rem;position:relative;transition:transform calc(var(--td) * 3) var(--te);width:2rem}[id=main-navigation-toggle]~label span::before,[id=main-navigation-toggle]~label span::after{background-color:#c9bcab;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;transition:transform calc(var(--td) * 3) var(--te);top:0;width:calc(100% - 0.2rem)}[id=main-navigation-toggle]~label span::before{transform:rotate(0) translateY(-100%);margin-bottom:5px}[id=main-navigation-toggle]~label span::after{transform:rotate(0) translateY(100%)}[id=main-navigation-toggle]:checked~label span{transform:rotate(1turn)}[id=main-navigation-toggle]:checked~label span::before{transform:rotate(45deg);margin-bottom:auto}[id=main-navigation-toggle]:checked~label span::after{transform:rotate(-45deg)}[id=main-navigation-toggle]:checked~.nav-main{right:0;transition:transform 0s;z-index:999}[id=main-navigation-toggle]:checked~.nav-main::before,[id=main-navigation-toggle]:checked~.nav-main::after{transform:translateX(0);transition-delay:0s}[id=main-navigation-toggle]:checked~.nav-main::after{transition-delay:calc(var(--td)/2)}[id=main-navigation-toggle]:checked~.nav-main .menu__item{opacity:1;transform:translateX(0);transition:opacity calc(var(--td) * 2) var(--te),transform calc(var(--td) * 2) var(--te)}[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(1){transition-delay:calc(var(--td) * 2 * (1 * 0.25))}[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(2){transition-delay:calc(var(--td) * 2 * (2 * 0.25))}[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(3){transition-delay:calc(var(--td) * 2 * (3 * 0.25))}[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(4){transition-delay:calc(var(--td) * 2 * (4 * 0.25))}[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(5){transition-delay:calc(var(--td) * 2 * (5 * 0.25))}[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(6){transition-delay:calc(var(--td) * 2 * (6 * 0.25))}.menu{position:relative;text-align:right;list-style:none;z-index:1}.menu>.menu__item{font-family:helvetica neue,sans-serif;font-size:4em;line-height:.9em}@media only screen and (max-width:1137px){.nav-main{flex-direction:row-reverse}.menu-style2{grid-row:1/2;width:100%}.menu>.menu__item{font-size:2em;line-height:.8em}.social-icons{margin-left:6%;margin-top:5%}}@media only screen and (max-width:899px){.nav-main{flex-direction:row-reverse}.menu{margin-top:5%}ul{padding:0;list-style:none}.menu>.menu__item{width:100%;font-size:2.5em}}.menu__item:hover .menu__link::before,.menu__item:hover .menu__link::after{}.menu__item:hover .menu__link::after{}.menu__link{color:#c9bcab;display:inline-block;font-weight:600;overflow:hidden;padding:1rem 1rem .125rem;position:relative;text-decoration:none;transition:color var(--td) var(--te),opacity var(--td) var(--te),transform var(--td) var(--te);z-index:1}.current_page_item .menu__link{color:#fff}.menu__link::before,.menu__link::after{content:"";background-color:#f5f5f5;height:50%;left:0;position:absolute;transform:translateX(-110%);transform-origin:0 50%;transition:transform 0s var(--te);width:100%;z-index:-1}.menu__link::before{top:0}.menu__link::after{bottom:0}.menu:not(:focus-within):not(:hover) .menu__item .menu__link{opacity:1}.menu__item{}.menu__item .menu__link{opacity:.8;transition-duration:calc(var(--td) * 3);transform:translate(0,calc(var(--pull) * -1))}.menu__item .submenu .menu__link{opacity:1}.menu__item:hover>.menu__link{color:#c9bcab;opacity:1;transform:translate(0,0)}.menu__item:hover>.menu__link:hover{color:#f5f5f5;transition-delay:0s}.menu__item:hover~.menu__item>.menu__link{transition-duration:calc(var(--td) * 3);transform:translate(0,var(--pull))}@keyframes blink{50%,100%{opacity:0}}@media only screen and (max-width:636px){}.home-container{width:75%;min-height:calc(100vh - 42vh);top:132px;position:relative;margin:auto}.banner-wrap{background:50% 50%/cover no-repeat;min-height:494px}.large{width:100%;grid-area:large;height:100%}.thumbnail-img{background:50% 50%/cover no-repeat;display:inline-block;height:12vw;z-index:1;position:relative;text-decoration:none;color:#c9bcab;font-size:1em;font-weight:700;text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:flex-end;width:100%}.thumbnail-img::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgb(0,0,0) 100%)}.link-wrap{position:absolute;bottom:32px;left:30px}.link-wrap1{position:absolute;text-align:right;right:50px;width:100%;cursor:pointer;z-index:90;bottom:50px!important}.link-wrap1 .link-text{position:relative;color:#fff;text-align:right;right:0;font-size:16px;font-weight:700;line-height:25px;letter-spacing:.007em;text-transform:uppercase;color:#c9bcab;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-bottom ease 500ms;cursor:pointer;text-decoration:none}.link-wrap1:hover .link-text{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms}.link-wrap .link-text{font-size:16px;line-height:25px;letter-spacing:.007em;text-transform:uppercase;color:#c9bcab;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-bottom ease 500ms}.link-wrap .link-text:after{content:"";background:url(images/arrow-link.svg) no-repeat;background-size:contain;height:13px;width:14px;display:inline-block;margin-left:5px}.link-wrap:hover .link-text{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms}.categories{display:flex}.small-1{grid-area:small1;width:100%}.small-2{grid-area:small2;width:100%}.small-3{grid-area:small3;width:100%}.title{grid-row:2/3;grid-column:1/4;z-index:1;width:100%}.lets-talk a{border-bottom:1px solid transparent;padding-bottom:5px;transition:border-bottom ease 500ms}.lets-talk a:hover{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms}.name{font-family:helvetica neue,sans-serif;font-size:3em;color:#c9bcab;text-transform:uppercase;margin:0}.job-title{font-family:helvetica neue,sans-serif;color:#c9bcab;text-transform:uppercase;font-size:21px;margin:0}.follow-me{position:relative;width:100%;min-width:350px;padding-bottom:30px;font-weight:700}.follow-me a{border-bottom:1px solid transparent;transition:border-bottom ease 500ms;padding-bottom:5px}.follow-me a:after{content:"";background:url(images/arrow-link.svg) no-repeat;background-size:contain;height:12px;width:12px;display:inline-block;margin-left:5px}.follow-me a:hover{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms}.button-container{width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;padding:20px}.all-projects{padding:20px 50px;border:.9px solid rgba(201,188,171,.5);border-radius:40px;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none;color:#c9bcab;text-transform:uppercase;transition:all ease 500ms}.all-projects:hover{color:#161617;background-color:#c9bcab;border:.678049px solid #c9bcab;transition:all ease 500ms}.follow-me a{color:#c9bcab;letter-spacing:.007em;text-transform:uppercase;text-decoration:none}.follow-me .arrow-home{width:11px}@media only screen and (max-width:1250px){.home-container{width:100%}.bottom-container{margin-top:100px}.large{grid-row:1/3;grid-column:1/4}.small-1{grid-row:3/4;grid-column:1/2;width:100%}.small-2{grid-row:3/4;grid-column:2/3;width:100%}.small-3{grid-row:3/4;grid-column:3/4;width:100%}.title{grid-row:1/3;grid-column:1/4;z-index:1;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.follow-me a{font-family:helvetica neue,sans-serif;color:#c9bcab;letter-spacing:.007em;text-transform:uppercase;text-decoration:none}.follow-me .arrow-home{width:11px}}.bottom-container{width:85%;margin-top:200px;margin-left:auto;margin-right:auto}.bottom-container .sqaure{width:100%}.footer{box-sizing:border-box;width:100%;background-color:#131314;padding:50px 0 20px;display:flex;flex-direction:column;justify-content:center}.text{font-family:helvetica neue,sans-serif;font-size:16px;line-height:19px;letter-spacing:.007em;text-transform:uppercase;color:#8c8c8c;margin:0}.list>a{text-decoration:none;color:#c9bcab;font-family:now,sans-serif;letter-spacing:-.003em;list-style:none;opacity:.7;transition:opacity ease 500ms}.list>a:hover{opacity:1;transition:opacity ease 500ms}ul.new-project-a{list-style:none;padding:0}.copyright-container .footer_logo{width:83px;height:7px;opacity:.5;padding-right:.5em}.copyright-container h5{font-family:helvetica neue,sans-serif;font-size:12px;color:#c9bcab;opacity:.5;text-transform:uppercase;margin:0}.social-icons-footer{display:flex;flex-direction:row;justify-content:center}.social-icons-footer a{opacity:.7;transition:opacity ease 500ms;padding:0 30px}.social-icons-footer a:hover{opacity:1;transition:opacity ease 500ms}.copyright-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:center;padding-top:30px}.social,.list{margin:4px 0}.icons{margin:0 4px;width:50px}.copyright-logo{width:auto;height:11px;color:#c9bcab;opacity:.5;margin-right:1%;margin-top:8px}@media only screen and (max-width:900px){.icons{width:25px;height:auto;margin:0}.social,.list{margin:4px 0}.copyright-logo{color:#c9bcab;opacity:.5}.copyright-container h5{font-family:helvetica neue,sans-serif;font-size:12px;color:#c9bcab;opacity:.5;text-transform:uppercase;margin-left:0;margin-top:1vw}}.resume-top{display:flex;padding-bottom:30px}.resume-img{padding-right:30px;width:300px;height:300px}.resume-container{width:70vw;margin:auto;position:relative;top:16vh;margin-bottom:100px!important}.resume-row .col-2{margin-right:50px}.resume-h4{color:#c9bcab;font-family:now,Fallback,sans-serif;font-weight:300;line-height:2em;display:flex;justify-content:baseline}.resume-details-wrap p{margin:0;padding:0}.crendetials{color:#c9bcab;font-size:21px;text-transform:uppercase}.crendetials a{color:#c9bcab;font-size:14px;text-transform:uppercase;text-decoration:none}.resume-job-title{color:#c9bcab;text-transform:uppercase}.resume-name{font-family:helvetica neue,sans-serif;font-size:51px;text-transform:uppercase;color:#c9bcab}.no-list-styles{color:#c9bcab}.resume-details-wrap{display:flex;padding:25px 0 50px;border-top:2px solid #c9bcab}.resume-details-wrap:last-child{border-bottom:0}.resume-details-wrap h3{min-width:200px;margin:0}.description-wrap{width:100%}.description-wrap h3{margin-bottom:10px}.description-wrap h3 a{text-decoration:none;color:#c9bcab;font-size:14px;line-height:178.7%;letter-spacing:.29405px;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:5px;transition:all ease 500ms}.description-wrap h3 a:hover{border-bottom:1px solid #c9bcab;transition:all ease 500ms}.description-wrap ul{border-bottom:1px solid #c9bcab;padding-bottom:30px!important;margin-bottom:24px!important}.resume-details-wrap ul li:before{font-size:14px;line-height:29px;color:#c9bcab}.resume-details-wrap ul li:before{content:"";background:url(http://derricksesson.com/wp-content/themes/derrick_sesson/assets/images/dash.svg) no-repeat;width:10px;height:10px;display:inline-block;position:relative;top:15px}.resume-contact{width:20vw;display:flex;justify-content:space-between;align-items:center}.resume-contact a{text-decoration:none;color:#8c8c8c;font-size:14px;line-height:1.4;font-weight:700;transition:color ease 500ms}.resume-contact a:hover{color:#c9bcab;transition:color ease 500ms}.icon-mail{margin-right:1%;width:15.3px;height:auto}.remume-ul{padding:0}.btn-download{width:220px;height:55px;border:1px solid rgba(201,188,171,.5);background-color:transparent;border-radius:142px;margin:15% 0;transition:all ease 500ms;font-weight:700}.btn-download:hover{border:1px solid #c9bcab;background-color:#c9bcab;color:#161617;transition:all ease 500ms}.about-container{min-height:calc(100vh - 42vh);margin-top:125px}.about{display:flex;width:70vw;margin:auto;padding-bottom:125px}.about-left{margin-right:80px}.about-right{margin-top:25px}.about-right h1{font-size:51px;margin:0;letter-spacing:.29405px;text-transform:uppercase;color:#c9bcab}.about-right h3{font-size:21px;letter-spacing:.29405px;text-transform:uppercase;color:#c9bcab;font-family:helvetica neue,sans-serif}.about-right p{font-size:14px;line-height:20px;font-family:now,Fallback,sans-serif;color:#c9bcab}.project-container{min-height:calc(100vh - 40vh);margin-top:125px;margin-bottom:10%}.project-grid{width:70%;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;margin-bottom:5%}.project-grid img{width:100%;height:100%;object-fit:cover;opacity:.8}.title-project{font-family:helvetica neue,sans-serif;font-size:40px;font-weight:700;line-height:129.7%;letter-spacing:.29405px;text-transform:uppercase;color:#c9bcab}.project-title{display:flex;align-items:center;justify-content:space-between;width:70%;margin:auto}.links{white-space:nowrap}.project-title a{text-decoration:none;text-transform:uppercase;color:#c9bcab;opacity:.5;font-size:14px;font-weight:700;padding-left:30px}.projectname{position:relative}.project-names{width:100%}.video-caption{font-family:helvetica neue,sans-serif;position:absolute;left:20px;bottom:31px;text-transform:uppercase;width:95%;z-index:11}.video-caption h3{color:#c9bcab;font-size:16px;line-height:129.7%;letter-spacing:.29405px;margin:0;text-shadow:0 0 7px #000}.video-caption a{color:#c9bcab;font-size:12px;font-weight:700;text-decoration:none;padding-bottom:5px;border-bottom:1px solid transparent;transition:border-bottom ease 500ms}.video-caption a:hover{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms}.wrap{max-width:70vw;margin:auto;margin-bottom:100px;display:grid;min-height:calc(100vh - 42vh);grid-template-columns:20vw 50vw;margin-top:10%;grid-template-rows:20vh 2fr}.collaborate{font-family:helvetica neue,sans-serif;font-size:51px;letter-spacing:.29405px;color:#c9bcab;grid-row:1;grid-column:1/3}.form-wrapper{grid-row:2/3;grid-column:2/3}.social-media{margin-top:32%}.social-media .fb{text-decoration:none;color:#8c8c8c;font-family:now,Fallback,sans-serif;margin-right:1em;letter-spacing:-.003em;font-size:1em;font-weight:700}.get-in-touch,.inquiry{font-size:16px;line-height:129.7%;letter-spacing:.29405px;text-transform:uppercase;color:#c9bcab}input,textarea{border:0;margin-bottom:51px;font-size:1.2em;background-color:rgba(201,188,171,.2);font-family:now,Fallback,sans-serif;padding-left:15px}textarea{padding-top:15px}.form-name::placeholder{color:#fff}.form-name:focus,textarea:focus{background:#c9bcab;color:#161617;outline:0}.form-name:focus::-webkit-input-placeholder{color:#161617}.connect,.enquire{text-transform:uppercase;color:#c9bcab}.contact-email,.contact-phone{color:#fff;font-weight:200;font-size:1em;margin-top:1.8em;opacity:.8}label{font-family:now,Fallback,sans-serif;color:#8c8c8c;font-size:14px}.form-name{width:70%;height:52px}.message{width:70%;height:152px;background-color:#c9bcab;opacity:.2}.message:focus{background-color:#c9bcab;opacity:1}.btn-submit{width:153px;height:55px;border-radius:142px;background-color:transparent;color:#c9bcab;text-transform:uppercase;font-family:helvetica neue,sans-serif;font-size:16px;border:1px solid rgba(201,188,171,.5);cursor:pointer;margin-bottom:10%;transition:all ease 500ms}.btn-submit .arrow{background:url(images/arrow-link.svg) no-repeat;display:inline-block;height:13px;width:12px;transition:all ease 500ms}.btn-submit:hover{background-color:#c9bcab;color:#161617;transition:all ease 500ms}.btn-submit:hover .arrow{background:url(http://derricksesson.com/wp-content/themes/derrick_sesson/assets/images/arrow-link-reverse.svg) no-repeat;transition:all ease 500ms}.btn-submit:focus{outline:0}.row{width:70vw;margin:0 auto;display:grid;grid-template-columns:.6fr .2fr;grid-template-rows:.2fr 1fr .4fr .2fr;margin-top:10%;min-height:calc(100vh - 42vh)}.demo-reel{grid-column:1/3;grid-row:1/2;font-size:51px;color:#c9bcab;text-transform:uppercase}.video-style-box{grid-column:1/3;grid-row:2/3;width:100%;object-fit:cover;margin-bottom:65px}.video-details{margin-bottom:82px}.video-details ul{font-family:helvetica neue,sans-serif;font-size:16px;font-weight:400;list-style:none;margin:0;padding:0}.video-details ul li{display:inline-block;color:#c9bcab;letter-spacing:.29405px;margin-right:67px;opacity:1}.video-details ul li:last-child{margin-right:0}.video-details ul li span{color:#fff;display:inline-block;font-family:now,Fallback,sans-serif;letter-spacing:.007em;margin-left:16px;opacity:.7}.video-bottom-container{display:flex;justify-content:space-between}.responsibility{font-family:now,Fallback,sans-serif;font-style:normal;letter-spacing:.007em;color:#fff;opacity:.7}.responsibility h4{font-family:now,Fallback,sans-serif;font-weight:500;font-size:18px;line-height:22px;margin-top:0;padding:0}.responsibility ul,.pagination{list-style:none;margin:0;padding:0;display:inline-flex}.responsibility ul li{font-family:Now;font-weight:400;font-size:16px;line-height:27px}.responsibility ul li:before{content:"";background:url(http://derricksesson.com/wp-content/themes/derrick_sesson/assets/images/dash.svg) no-repeat;width:10px;height:10px;display:inline-block;position:relative;top:3px}.pagination li{display:inline-block}.pagination li a{color:#c9bcab;display:inline-block;font-family:helvetica neue,sans-serif;font-size:21.3161px;font-weight:700;line-height:25px;text-decoration:none;text-transform:uppercase;opacity:1;transition:opacity ease 500ms;margin-left:40px}.pagination li a:hover{opacity:.5;transition:opacity ease 500ms}.project-grid.product-detail-grid{width:100%}h3.other-videos{font-family:helvetica neue,sans-serif;font-size:28px;line-height:129.7%;letter-spacing:.29405px;text-transform:uppercase;color:#c9bcab;margin:140px 0 55px}.reels-container,.project-detail-container{min-height:calc(100vh - 42vh);width:70vw;margin:auto;margin-top:130px;padding-bottom:50px}.reels-page{font-size:51px;color:#c9bcab;text-transform:uppercase}.reels-video-container-1{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:55px}.reels-video-container-2{position:relative;display:flex;justify-content:center;align-items:center}.reels-video-container-1 img{width:100%}.reels-video-container-2 img{width:100%}.reels-video-container-1 .overlay,.projectname .overlay{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgb(0,0,0) 100%);height:100%;position:absolute;width:100%;top:0;left:0;z-index:1}.reels-video-container-1 .reel-caption{position:absolute;width:100%;text-align:center;z-index:11}.reels-video-container-1 .reel-caption h3{color:#c9bcab;text-transform:uppercase;font-size:21px;margin:0 0 5px;text-align:center;width:100%}.reels-video-container-1 .reel-caption a{color:#c9bcab;text-transform:uppercase;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom ease 500ms;padding-bottom:5px}.reels-video-container-1 .reel-caption a:hover{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms}.contact-wrapper a{color:#c9bcab;text-decoration:none;background-color:transparent;font-weight:700}.contact-wrapper a:hover{border-bottom:1px solid #c9bcab;transition:border-bottom ease 500ms;text-decoration:none}@media only screen and (max-width:1260px){.thumbnail-img{height:25vw}}@media only screen and (max-width:1200px){.row{grid-template-columns:1fr;grid-template-rows:.2fr 1fr .6fr .2fr}.video-details{grid-row:3;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10%}.navigation{grid-column:1;width:100%;display:flex;justify-content:space-between}.video-style-box{margin-bottom:64px;grid-row:2/3;width:100%;object-fit:cover}.thumbnail-img{height:20vw}}@media only screen and (max-width:1124px){.resume-name{font-family:helvetica neue,sans-serif;font-size:31px;text-transform:uppercase;color:#c9bcab}.resume-contact{width:20vw;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.btn-download{width:220px;height:55px;border:1px solid rgba(201,188,171,.5);background-color:transparent;border-radius:142px;margin:19% 0}}@media only screen and (max-width:1076px){.wrap{max-width:80vw;min-height:calc(100vh - 48vh);grid-template-columns:1fr;margin:0 auto;grid-template-rows:.2fr .4fr 1fr;margin-top:15%}.collaborate{font-family:helvetica neue,sans-serif;font-size:51px;letter-spacing:.29405px;grid-row:1/2}.contact-wrapper{grid-row:2/3;grid-column:1}.form-wrapper{grid-row:3;grid-column:1/3}.social-media{margin-top:5%}}@media only screen and (max-width:960px){.project-detail-container{width:85vw}}@media only screen and (max-width:900px){.project-title{flex-direction:column;align-items:flex-start;width:70%}.links{width:100%;display:flex;justify-content:flex-start;padding:4% 0}.links a{padding:0 4% 0 0}.resume-row{align-items:center;flex-direction:column;justify-content:center}.resume-row .col-2{margin-right:0}.resume-contact{flex-direction:row;width:90%!important;justify-content:space-around!important;margin:0 auto}.about{width:90vw}.bottom-container{width:85%;margin-top:100px;margin-left:auto;margin-right:auto}.bottom-container .sqaure{width:100%}.name{font-size:2.5em}.thumbnail-img{height:20vw}.reels-video-container-1{margin-bottom:30px}}@media only screen and (max-width:768px){.demo-reel{font-size:28px}.video-details ul li span{display:block;margin-top:10px;margin-left:0}.video-bottom-container{flex-direction:column-reverse}.pagination{display:flex;justify-content:space-between}.pagination li a{margin:0}.responsibility{margin-top:50px}}@media only screen and (max-width:695px){.home-container{width:100%}.large{width:100%;grid-row:1/3;grid-column:1;min-height:505px}.small-1{grid-row:3/4;grid-column:1;width:100%}.small-2{grid-row:4/5;grid-column:1;width:100%}.small-3{grid-row:5/6;grid-column:1;width:100%}.thumbnail-img{height:45vw}}@media screen and (max-width:667px){.about-container{margin-top:30%}.about-right1 h1{font-size:30px;margin:0}.about-right1 h3{font-size:15px}.reels-container{width:100%}.reels-page{padding-left:45px}.resume-contact{width:100%!important;flex-direction:column;text-align:center}.resume-social{width:100%;margin-top:20px;text-align:center}.resume-details-wrap{flex-direction:column}.resume-details-wrap h3{margin-bottom:36px}.resume-row .col-10{width:95%;margin:0 auto}.about{flex-direction:column;align-items:center}.about-left{margin-right:0}.project-detail-container{margin-top:90px}.project-grid{grid-template-columns:1fr}}@media only screen and (max-width:586px){.wrap{margin:20% auto;grid-template-rows:1.5fr}.inquiry{margin-top:50px}.form-name,.message{width:calc(100% - 15px)}.collaborate{font-size:28px}.about-right h1{font-size:34px}.video-details ul li{margin-right:45px}}@media only screen and (max-width:550px){.project-grid{width:100%;margin:auto;grid-gap:20px}.project-title{width:90%}.links{overflow-x:scroll;margin-bottom:20px}.project-container ::-webkit-scrollbar{width:1em;height:5px}.project-container ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.project-container ::-webkit-scrollbar-thumb{background-color:#5f5951;outline:1px solid slategrey;border-radius:20px}.project-title a{font-size:14px;padding-right:29px;white-space:nowrap}.demo-reel{font-size:35px;margin-top:50px}.project-detail-container .demo-reel{margin:0}}@media only screen and (max-width:500px){.row{grid-template-columns:1fr;grid-template-rows:1fr;width:100%}.video-style-box{grid-row:2/3;margin-bottom:0;height:140%}.demo-reel{margin-left:5%}.btn-reels-palyideo{top:75%}.reels-container{margin-top:65px}.navigation{grid-row:5;grid-column:1;display:flex;justify-content:center;margin-bottom:20px}.nav-previous{margin-left:5%}.nav-next{margin-right:5%}.video-details{margin:35px 0;grid-row:4;display:block}.video-details div{width:49%;display:inline-block}.bottom-container{width:80vw;margin-top:100px}.bottom-container .sqaure{width:100%}.name{font-size:2em}.thumbnail-img{height:50vw}.pagination{margin-top:50px}}@media screen and (max-width:901px){.resume-container{width:90vw}.top-navigation,.scrolled .top-navigation{height:70px}.nav-main{justify-content:space-between;align-items:flex-start;padding-top:100px;height:auto;top:0;bottom:0}.nav-main .menu{font-size:.8em;margin:0 45px 0 0}.nav-main .menu-1{margin:45px 0 0 45px;width:100%;padding-bottom:30px}.header-logo,.scrolled.header-logo{width:auto;height:50px;margin-left:30px;top:0}.home-container{top:71px!important}[id=main-navigation-toggle]~label,.scrolled [id=main-navigation-toggle]~label{top:.6rem!important}}@media screen and (max-width:667px){.nav-main{width:100%}.resume-img-wrap{display:flex}.resume-img{margin:0 auto}.resume-top{display:block}.resume-title h1,.resume-title h3{text-align:center}}