.banner-menu .page-width{padding:0}.banner-menu .banner__media{height:270px;position:relative}.banner-menu .banner__media::after{content:"";width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0}.banner-menu .banner__media img{position:relative;height:auto}.banner-menu .banner__media img.image--mobile{display:block}.banner-menu .banner__media img.image--desktop{display:none}.banner-menu .banner__content{padding:0}.banner-menu .banner__content ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:1rem 1.5rem}.banner-menu .banner__content ul li{list-style:none;margin:.8rem 1.2rem;width:calc(50% - 2.4rem);text-align:center;font-size:1.3rem;line-height:1.6}.banner-menu .banner__content ul li a{text-decoration:none;position:relative;color:rgba(var(--color-foreground), 1)}@media screen and (min-width: 768px){.banner-menu.banner-small .banner__media{height:330px}.banner-menu.banner-medium .banner__media{height:500px}.banner-menu.banner-large .banner__media{height:700px}.banner-menu .page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.banner-menu .banner__media img.image--mobile{display:none}.banner-menu .banner__media img.image--desktop{display:block}.banner-menu .banner__content ul{padding:0;margin:0}.banner-menu .banner__content ul li{margin:1.2rem 2rem;width:auto;font-size:1.6rem}.banner-menu .banner__content ul li a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:rgba(var(--color-foreground), 1);transition:.3s}.banner-menu .banner__content ul li a:hover{text-decoration:none}.banner-menu .banner__content ul li a:hover::after{width:100%}}