.bg{position:relative;left:50%;transform:translate(-50%);content:"";background-size:auto 60%;background-repeat:no-repeat;background-position:top center;z-index:1}.sign{position:relative;background-image:url(/images/J-Mack-Sign.png);left:50%;transform:translate(-50%);content:"";background-size:auto 500px;background-repeat:no-repeat;background-position:bottom center;z-index:1}.banner{width:100%;height:70vh;min-height:700px;text-align:center;overflow:hidden;position:relative}.banner .slider{position:absolute;width:179px;height:250px;top:10%;left:calc(50% - 100px);transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun 30s linear infinite;z-index:2}@keyframes autoRun{0%{transform:perspective(1000px) rotateX(-16deg) rotateY(0)}to{transform:perspective(1000px) rotateX(-16deg) rotateY(360deg)}}.banner .slider .item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(500px)}.banner .slider .item:hover{border-color:#708090;border-width:3px;border-radius:5px}.banner .slider .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.banner .content{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(1400px,100vw);height:-moz-max-content;height:max-content;padding-bottom:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1}@media screen and (max-width: 1023px){.sign{background-size:auto 340px}.banner{height:55vh;min-height:400px}.banner .slider{width:179px;height:250px;left:calc(50% - 80px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(350px)}}@media screen and (max-width: 767px){.sign{background-size:auto 0px}.banner{height:40vh;min-height:300px}.banner .slider{width:110px;height:160px;left:calc(50% - 50px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(190px)}}