body{padding-top:0}header{background:transparent}.scroll header,.menu-active header{background:rgba(255,255,255,0.9)}header .logo img,.scroll header .logo .logo-black,.menu-active header .logo .logo-black{position:absolute;left:50px;top:20px;opacity:1;transition:opacity .2s ease}header .logo .logo-black,.scroll header .logo .logo-white,.menu-active header .logo .logo-white{opacity:0}header .logo .logo-white{display:block;left:34px;top:17px}.mobile-menu-icon span{background-color:#fff}.menu-active .mobile-menu-icon span,.scroll .mobile-menu-icon span{background-color:#000}.creators .items{font-size:0;line-height:0}.creators .item{position:relative;display:inline-block;vertical-align:top;width:calc(100% / 3);height:290px;margin:6px 0 0 0;background:#999 no-repeat center;background-size:cover}.creators .item:nth-child(3n+2){border-right:6px solid #fff;border-left:6px solid #fff}.creators .item a{color:#fff;font-size:31px;line-height:290px;font-weight:300;text-decoration:none;text-align:center;position:relative;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.1);transition:background-color .2s ease}.creators .item a:hover{background-color:rgba(0,0,0,0.5)}.about{padding:109px 0 134px 0}.about .title{margin:0 0 44px 0}@media only screen and (max-width:768px){header .logo img,.scroll header .logo .logo-black,.menu-active header .logo .logo-black{left:26px;top:10px}header .logo .logo-white{left:26px;top:10px;height:28px}.creators .item{display:block;width:auto;height:169px;margin:5px 0 0 0}.creators .item:nth-child(3n+2){border-right:0 none;border-left:0 none}.creators .item a{font-size:20px;line-height:169px;height:169px}.about{padding:30px 20px 30px 20px}.about .title{margin:0 0 20px 0}}