#heroic-layout .hero{margin-top:-90px;padding-bottom:100px}#heroic-layout .hero h1{margin-top:130px}#heroic-layout #content{padding-top:30px}.hero{background-color:#ECECEC;background-image:url("../../../public/images/homepage/hero.svg");background-size:100% auto;background-repeat:no-repeat;background-position:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.filter{color:#AEB5BB;cursor:pointer;display:inline-block;margin-right:20px}.filter.active{opacity:1;color:#1B2127}.filters{list-style:none;margin:60px 0 40px}.mobile-filters{display:none;cursor:pointer;text-align:center;border-radius:6px;width:100%;line-height:60px;max-width:460px;padding:0 20px;position:relative;margin:40px auto 10px auto;border:2px solid #D9DDE1;color:#1B2127}@media only screen and (max-width: 1024px){.filters{text-align:center}.filter{margin-bottom:10px}}@media only screen and (max-width: 667px){.mobile-filters{display:block}.filters{margin-top:0}.filters li{display:none;width:100%;margin-top:0;text-align:center;line-height:40px}.filters.open li.active{display:none}.filters.open li{display:block}}