.fluid {
  clear: both;
  margin-left: 0;
  width: 100%;
  float: left;
  display: block; }

.clr {
  clear: both; }

h1, h2, h3, .ui-tabs .ui-tabs-nav li {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal; }

h1 {
  border: none;
  margin-bottom: 0;
  text-transform: inherit; }

h2 {
  margin-top: 0; }

.ui-tabs .ui-tabs-nav li {
  font-size: .875rem;
  letter-spacing: 0.8;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700; }

.vertical-text-divider {
  font-weight: 500;
  color: #ff3200; }

.ui-tabs .ui-tabs-panel {
  padding: 0; }

.product-category-container {
  padding: 20px;
  background-color: #f7f1f0; }

.prod-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-top: 10px; }

.prod-item {
  flex: 0 0 24%;
  text-align: center;
  align-self: stretch;
  border: 2px solid #ececec;
  padding-bottom: 2vh;
  padding-top: 2vh;
  height: auto;
  align-content: stretch; }

.prod-item.instock {
  border-color: #78af2d; }

.prod-item p {
  margin-left: 20px;
  margin-right: 20px; }

.prod-item h2, .prod-item h3 {
  margin: 0 20px;
  font-size: 180%;
  line-height: 1;
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400; }

.prod-item h3 {
  margin-top: 10px;
  font-size: 150%; }

.prod-item h4 {
  font-size: 100%;
  margin-top: 10px;
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400; }

.prod-item a, .prod-item a:hover, .prod-item a:active, .prod-item a:visited {
  color: #35003a;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-content: stretch;
  flex-wrap: wrap; }

.prod-pricing {
  font-size: 80%; }

.prod-explanation {
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400;
  padding: 2.5vh 7.5vw;
  color: #35003a; }

.prod-explanation h3 {
  font-size: 200%; }

.change-vehicle-container {
  margin: -10px 0 0 0;
  text-align: center;
  font-size: 100%;
  font-family: "gill-sans-nova", sans-serif;
  font-weight: 400; }

.change-vehicle-container a {
  text-decoration: none;
  border-bottom: 1px solid #ff3200; }

@media (max-width: 1280px) {
  .prod-item {
    flex: 0 0 49%; }

  .prod-item h3 {
    font-size: 200%; } }
@media (max-width: 800px) {
  .prod-item {
    flex: 0 0 100%; } }
