/* CSS Document */
.primary-font {color: var(--primary) !important;}
.white-font {color: var(--white) !important;}
.hero-main {
	background: url("https://static.dormanproducts.com/Dayton/graphics/Daytons/hd-truck-hero.jpg") center center no-repeat;
  	background-size: cover;
  	padding-top: 200px;
  	padding-bottom: 200px;
  	position: relative;
  	min-height: 200px;
}
		
	.hero-main::after {
    	content: "";
    	position: absolute;
    	background: url(//static.dormanproducts.com/images/marketing/tour/assets/dot-pattern.png) repeat;
    	top: 0;
    	left: 0;
    	bottom: 0;
   		right: 0;
    	z-index: 0;
	}
	.hero-main-content {z-index: 2; position: relative; text-align:center;}
	.hero-main-content h1 {font-size:40px;}
	.hero-main-content h2 {font-size:28px;}
	
	
	.hero-about {
	background: url("https://static.dormanproducts.com/Dayton/graphics/Daytons/Dayton-Facility-hero.jpg") center center no-repeat;
  	background-size: cover;
  	padding-top: 200px;
  	padding-bottom: 200px;
  	position: relative;
  	min-height: 200px;
}
		
	.hero-about::after {
    	content: "";
    	position: absolute;
    	background: url(//static.dormanproducts.com/images/marketing/tour/assets/dot-pattern.png) repeat;
    	top: 0;
    	left: 0;
    	bottom: 0;
   		right: 0;
    	z-index: 0;
	}
	.hero-about-content {z-index: 2; position: relative; text-align:center;}
	.hero-about-content h1 {font-size:40px;}
	.hero-about-content h2 {font-size:28px;}
	
	
	.hero-manufacture {
	background: url("https://static.dormanproducts.com/Dayton/graphics/Daytons/Dayton_Manufacturing_Hero.jpg") center center no-repeat;
  	background-size: cover;
  	padding-top: 200px;
  	padding-bottom: 200px;
  	position: relative;
  	min-height: 200px;
}
		
	.hero-manufacture::after {
    	content: "";
    	position: absolute;
    	background: url(//static.dormanproducts.com/images/marketing/tour/assets/dot-pattern.png) repeat;
    	top: 0;
    	left: 0;
    	bottom: 0;
   		right: 0;
    	z-index: 0;
	}
	.hero-manufacture-content {z-index: 2; position: relative; text-align:center;}
	.hero-manufacture-content h1 {font-size:40px;}
	.hero-manufacture-content h2 {font-size:28px;}
	
	
	
	
	

		
.productInfoContent {padding-top:15px; padding-bottom:15px;}
		
.column-5 {width: 20% !important; max-width: 20% !important;flex: 20% !important;}
#partnership li {list-style:disc; margin-left:15px; margin-bottom:10px;}
#partnership h3 {font-size:24px; font-weight:600;}


@media screen and (max-width: 810px) {
	.column-5 {width: 100% !important; max-width: 100% !important; flex: 100% !important;}
}