@media all and (max-width:768px){.home .fixedlogo{width:150px;top:40px;left:30px}.home .arrow{top:15%;height:76%}.infoHolder .info .leftcol .inner h1,.infoHolder .info .rightcol .inner h1{top:43%!important;font-size:13vw}.home .counter{font-size:14px}.home .counter h1{width:36px;left:-1px}.infoHolder.project{left:-4px}.inner .logo,.navOpen #header .logo{opacity:1}.infoHolder.project .info .leftcol{display:none!important}.infoHolder.project .info .rightcol{width:100%;margin-right:-4px}.csscalc .infoHolder .info .rightcol .detailwrap .bg{top:50px;height:calc(100% - 100px);transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0)}.infoHolder .info .rightcol .detailwrap .details h2{padding-left:4%}#nav{width:100%;right:-100%;background-color:rgba(97,172,171,1)}#nav .holder{opacity:0;width:100%!important;display:inline-block;zoom:1;vertical-align:top;text-align:center;transform-origin:top left;transform:rotate(0) translateY(0);-webkit-transform:rotate(0) translateY(0);-moz-transform:rotate(0) translateY(0);-o-transform:rotate(0) translateY(0)}#nav .holder ul.nav,#nav .holder:before{display:inline-block;zoom:1;vertical-align:middle}#nav .holder:before{content:'';width:0;height:100%;margin-right:-4px}#nav .holder ul.nav{margin-top:0;font-size:7vw}#nav .holder ul.nav li{display:block;width:100%;text-align:center;margin-right:0;padding-bottom:15px}#header .trigger{right:30px}#header .inner .logo{width:150px;padding:30px 0 38px 5%}#footer .inner .cell.copy{text-align:left;float:left;font-size:70%;margin-top:20px}#nav .holder ul.nav li:after{display:none!important;margin-top:0}.grid .dirwrap #bg,.info #contentwrap h1 br{display:none}#grid{width:100%;margin-top:200px}#contentwrap h1.pageTitle,#grid h1.pageTitle{font-size:10.5vw;padding-left:3%}#grid>li,.grid-sizer{width:50%}.grid ul.tags{transform:none;top:96px!important;margin:auto;left:0;width:94%}@media all and (orientation:landscape){.grid ul.tags{top:85px!important}}#grid li.cell .info{left:6%;width:88%}#grid li.cell .info h1{font-size:4vw}#grid li.cell .info h2{font-size:2.5vw}.directors h1.pageTitle{padding-left:0!important;top:-166px!important}.directors ul.dirlist li{font-size:4vw;margin-right:6px;margin-bottom:12px}.directors ul.dirlist li:after{margin-left:6px}.directors h2.mv{font-size:12px}.directors #contentwrap,.grid .dirwrap{height:auto!important;padding-bottom:30px}.grid .dirwrap #contentwrap{padding-top:0}#contentwrap{width:90%;margin:0 auto;padding-top:275px;z-index:50}.info #contentwrap h1{font-size:11vw;width:100%}.info #contentwrap h2{font-size:6vw;line-height:1.2}.info .col{width:100%;margin-left:0!important}.info #contentwrap p{font-size:16px}.info #contentwrap ul{margin-left:25px;font-size:16px;line-height:1.6}.info.contact #contentwrap h1 br{display:block}.info.contact .col div{width:100%!important}.director #grid h1.pageTitle{font-size:8vw;width:70%}.director .grid .social{right:22px}.director ul.pager li a h2{font-size:5vw}.project #project{width:100%}.project #project .details{width:90%;left:5%}.project #project .details h1{font-size:7vw}.project #grid h1.pageTitle{font-size:8vw;left:0}.playing.project #project .arrowPlay,.project #project .closeVideo,.project h2.more{display:none}}@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){#grid{margin-top:300px}.director #grid h1.pageTitle{font-size:8vw;width:80%}}@media all AND (max-height:400px){.infoHolder .info .leftcol .inner h1,.infoHolder .info .rightcol .inner h1{font-size:10vw;top:25%!important}#nav .holder ul.nav{font-size:4.5vw}#nav .holder ul.nav li{padding-bottom:10px}#contentwrap h1.pageTitle,#grid h1.pageTitle{font-size:7vw}#grid li.cell .info h2{font-size:1vw}.director #grid h1.pageTitle{font-size:6vw;width:70%}.project #grid h1.pageTitle{font-size:5vw}.info #contentwrap h1{font-size:8vw}.info #contentwrap h2{font-size:4.5vw;line-height:1.2}}