#MainContent{background-color:#fbf9f4}.page-about-hero{position:relative}.hero-center-image{position:absolute;top:40%;right:0;transform:translateY(-50%);text-align:right}.hero-center-image img{width:100%;height:auto}.hero-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:20px;padding-right:20px;max-height:600px}.hero-top-text{background-color:#e8cec4;padding:10%;display:flex;align-items:center;max-height:600px}.hero-top-text .content{max-width:80%}.hero-top-text.hero-top-text h1{text-align:left;margin:0 0 15px;font-size:55px}.hero-top-image{max-height:600px;overflow:hidden}.hero-top-image img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%;min-width:100%;z-index:1}.hero-middle{overflow:hidden}.hero-middle img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%;min-width:100%;z-index:1}.hero-middle img.mobile,.hero-top-image img.mobile{display:none}@media screen and (max-width:1600px){.hero-center-image img{width:90%}}@media screen and (max-width:1366px){.hero-top-text.hero-top-text h1{font-size:45px}.hero-top,.hero-top-image,.hero-top-text{max-height:450px}.hero-center-image img{width:80%}}@media screen and (max-width:1280px){.hero-top-text.hero-top-text h1{font-size:35px}.hero-center-image img{width:65%}}@media screen and (max-width:991px){.hero-top-text .content{max-width:100%}}@media screen and (max-width:768px){.hero-top{padding:0}.page-about-motor p,.page-about-hero p{font-size:14px}.hero-top-text{padding:45px 25px}}@media screen and (max-width:767px){.hero-top-image img.desktop{display:none}.hero-top-image img.mobile{display:block}.hero-top-text{padding:45px 10%}.hero-top,.hero-top-image,.hero-top-text{max-height:initial}.hero-top-text.hero-top-text h1{text-align:center}.hero-top{position:relative;grid-template-columns:repeat(1,minmax(0,1fr))}.hero-top-text{position:absolute;z-index:10;background-color:transparent;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;justify-content:center}.hero-center-image{z-index:10;top:38%}.hero-center-image img{width:auto;height:300px}}@media screen and (max-width:575px){.hero-middle img.mobile{display:block}.hero-middle img.desktop{display:none}.hero-center-image{top:35%!important}.hero-top-text{padding:35px 25px;max-width:440px}.hero-center-image img{width:100vw!important;height:auto!important}}.hero-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:20px;padding-right:20px}.hero-bottom-text{background-color:#f9f2ec;padding:10%;display:flex;align-items:center}.hero-bottom-text.hero-bottom-text h2{text-align:left;margin:0 0 15px}.hero-bottom-image{overflow:hidden}.hero-bottom-image img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%;min-width:100%;z-index:1}@media screen and (max-width:768px){.hero-bottom{padding:0}.hero-bottom-text{padding:65px 40px}.hero-bottom-text.hero-bottom-text h2{font-size:20px}}@media screen and (max-width:767px){.hero-center-image{position:absolute;top:60%}}@media screen and (max-width:720px){.hero-bottom{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.hero-center-image{top:42%}.hero-bottom-text.hero-bottom-text h2,.hero-bottom-text{text-align:center;justify-content:center}}@media screen and (max-width:575px){.hero-center-image img{width:auto;height:380px}.hero-center-image{top:38%}}@media screen and (max-width:425px){.hero-bottom-text{padding:45px 30px}.hero-center-image img{height:340px}.hero-center-image{top:38%}}.hero-motor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:20px;padding-right:20px;max-height:680px}.hero-motor-text{background-color:#fff;padding:10%;display:flex;align-items:center;max-height:680px}.hero-motor-text.hero-motor-text h2{text-align:left;margin:0 0 15px}.hero-motor-image{max-height:680px}.hero-motor-image img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%;min-width:100%;z-index:1}@media screen and (max-width:768px){.hero-motor{padding:0}.hero-motor-text{padding:65px 40px}.hero-motor-text.hero-motor-text h2{font-size:20px}}@media screen and (max-width:720px){.hero-motor{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.hero-motor,.hero-motor-image,.hero-motor-text{max-height:initial}.hero-motor-image{order:1}.hero-motor-text.hero-motor-text h2,.hero-motor-text{order:2;text-align:center;justify-content:center}}@media screen and (max-width:425px){.hero-motor-text{padding:45px 30px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-about-hero.css.map */