Site Search

OPTIMA Batteries for Jeeps

, .yellowtop-section, .charger-section { display: flex; flex-direction: row; justify-content: center; max-width:90%; align-items: start; gap: 30px; margin-top: 60px; } .yellowtop-section { margin-top: 20px; padding-bottom:40px; } .charger-section { padding-bottom:00px; } .redtop-text, .yellowtop-text, .charger-text { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 15px; width: 33%; max-width: 700px; margin-top: unset; } .charger-text { width: 65%; margin-bottom:20px; } .charger-image { margin-bottom: -5px; } .redtop-text-title, .yellowtop-text-title, .charger-text-title {, font-size: min(2.25vw, 2.5em); line-height: 1.1em; } .redtop-text-body, .redtop-text-features, .yellowtop-text-body, .yellowtop-text-features, .charger-text-body, .charger-text-features { font-size: min(1.25vw, 1.5em); color: black; } li { font-size: min(1.25vw, 1.5em) } .redtop-text-button, .yellowtop-text-button, .charger-text-button { font-size: 1.5em; color: white; background-color: #EA0029; width: min(220px, 90%); height: 70px; text-align: center; align-content: center; transform: skew(-20deg); margin-left: 15px; margin-top: 10px; } .button-link { text-decoration: none; } .redtop-text-button:hover, .yellowtop-text-button:hover, .charger-text-button:hover { filter: brightness(90%); }, , .yellowtop-text, .charger-text { width: 100%; } .redtop-section, .yellowtop-section, .charger-section { display: flex; flex-direction: column-reverse; justify-content: center; max-width:90%; align-items: start; gap: 10px; margin-top: 10px; } .yellowtop-section { flex-direction: column; } .redtop-image, .yellowtop-image, .charger-image { width: 100%; max-width: 1050px; } .yellowtop-section { margin-top:30px; } .yellowtop-image { margin-bottom:50px; } .redtop-text, .yellowtop-text, .charger-text { display: flex; flex-direction: column; justify-content: center;, align-items: start; gap: 10px; width: 100%; max-width: 100%; } .redtop-text { margin-top:-50px; } .yellowtop-text { margin-top: -50px; margin-bottom: 10px; } .redtop-text-title, .yellowtop-text-title, .charger-text-title { font-size: min(5.75vw, 2.5em); } .redtop-text-body, .redtop-text-features, .yellowtop-text-body, .yellowtop-text-features, .charger-text-body, .charger-text-features { font-size: min(3.75vw, 1.5em); color: black; } li { font-size: min(3.75vw, 1.5em) } .redtop-text-button, .yellowtop-text-button, .charger-text-button { font-size: 1.2em; width:160px; height:40px; margin-left: 8px; line-height:1.2em, ; } .redtop-text-button > * { transform: skew(20deg); } .yellowtop-text-button > * { transform: skew(20deg); } .charger-text-button > * { transform: skew(20deg); } ul { padding-left: 20px !