.banners-section.page-width{padding:0 .5rem}.banners-section.page-width h2{padding:0 1rem}.banners-container{display:flex;flex-wrap:wrap}.banners-container__banner{padding:0 1rem 1rem;flex-basis:100%;position:relative}.banners-container__banner img{width:100%;height:auto}@media screen and (min-width: 500px){.banners-container__banner.early-breakpoint{flex-basis:50%}}@media screen and (min-width: 750px){.banners-section.page-width{padding:0 4rem}}@media screen and (min-width: 990px){.banners-container__banner.two-side-by-side{flex-basis:50%}.banners-container__banner.four-side-by-side{flex-basis:25%}}.banner-button{position:absolute;left:0;right:0;margin:0 auto;max-width:50%}.banner-button.top{top:10%}.banner-button.center{top:38%}.banner-button.bottom{top:70%}.banners-container.side-scrolling{flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;height:20rem}.banners-container.side-scrolling .banners-container__banner{flex:0 0 auto;width:85%}@media screen and (min-width: 600px){.banners-container.side-scrolling{height:30rem}}@media screen and (min-width: 990px){.banners-container.side-scrolling{height:25rem}.banners-container.side-scrolling .banners-container__banner{width:50%}}@media screen and (min-width: 1200px){.banners-container.side-scrolling{height:35rem}.banners-container.side-scrolling .banners-container__banner{width:45%}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-banners.css.map */