section.parallax-2 {
  background-image: url("../images/ldg_background.jpg");
  background-position:50% 0px;
  padding: 170px 0 120px 0;
}

/* ============================================================
  SECTION: LDG PROGRAMS
============================================================ */

section.ldg-programs{
	padding:40px 20px 40px 20px;
	overflow:auto;
}
section.ldg-programs.content h1{
	color:#6e6e6e;	
}
section.ldg-programs .tile-wrapper{
	margin:0 auto;
	width: 816px;
	height: 969px;
	overflow:auto;
}
section.ldg-programs h2{
	padding: 12px 17px;
	font-family: 'OpenSansBold', sans-serif;
	text-transform:none;
	font-size:14px;
	font-weight: bold;
	letter-spacing: 1px;
    text-transform: uppercase;
	margin: 0;
	text-align:center;
	z-index:2;
	color:#0056c9;
	border: 2px solid #0056c9;
	border-radius: 2px;
	box-shadow: inset 0 0 0 0 #0056c9;
	transition: all ease 0.8s;
	-moz-transition: all ease 0.8s; /* Firefox 4 */
	-webkit-transition: all ease 0.8s; /* Safari and Chrome */
	-o-transition: all ease 0.8s; /* Opera */
}
section.ldg-programs p{
	font-size:14px;
	margin:10px 0 0 0;
	color:#282828;
	max-width:none;
}
section.ldg-programs a.tile{
	width:252px;
	height:253px;
	float:left;
	position:relative;
	margin:0 10px 70px 10px;
	background:none;
	text-decoration:none;
}
section.ldg-programs .tile-image{
	width:100%;
	height:100%;
	background-size:contain;
	position:absolute;
	z-index:1;
	top: 40px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top;
}
section.ldg-programs a.tile:hover h2{
	box-shadow: inset 0 60px 0 0 #0056c9;
	color:#fff;
}


/* ============================================================
  SECTION: PROGRAM DETAILS
============================================================ */

section.program-details{
	padding:40px 0;
	overflow:hidden;
}

section.program-details.loanex, section.program-details.parts, section.program-details.innovation, section.program-details.machining{
	padding:40px 0 0 0;
}

section.program-details h1{
	color:#6e6e6e;	
}
section.program-details h2{
	margin:0 0 20px 0;
}
section.program-details ul{
	margin: 10px 0;
}
section.program-details li{
	padding:5px 0;
	margin-left:40px;
	font-family:LT-57;
	list-style:square;
	color:#6e6e6e;
}
section.program-details .item{
	padding:23px 0 20px 20px;
}
section.program-details p{
	max-width:none;
	width:100%;
	line-height:20px;
	padding-bottom:10px;
}
section.program-details .col1{
	float:left;
	width:50%;
}
section.program-details .col2{
	float:right;
	width:50%;
}
section.program-details .pic{
	height:211px;
	max-width:574px;
	background-size:contain;
	background-repeat:no-repeat;
	margin:20px 20px 0 20px;
}
section.program-details .pic.gear{
	height:271px;
}
section.program-details.innovation .pic{
	height:300px;
	margin:40px 10px 0 10px;
	max-width:393px;
}
section.program-details.harness .pic{
	height:200px;
	margin:40px 10px 0 10px;
	max-width:346px;
}
section.program-details.machining .pic{
	height:360px;
	margin:0 10px 0 80px;
	max-width:281px;
}
section.program-details.bushing{
	padding:0 0 40px 0;
}
section.program-details.bushing .pic{
	height:300px;
	margin:40px 10px 0 10px;
	max-width:393px;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/


@media screen and (max-width: 1230px) {
	section.ldg-programs .tile-wrapper{
		margin:0 auto;
		width: 612px;
		height: 735px;
		overflow:auto;
	}
	section.ldg-programs a.tile{
		width:184px;
		height:185px;
		margin:0 10px 60px 10px;
	}
	section.ldg-programs h2{
		font-size:12px;
		letter-spacing:normal;
	}
}

@media screen and (max-width: 950px) {
	.container .hero_text_1{
		font-size:5vw;
	}
	.container .hero_text_2{
		font-size:7.2vw;
	}
	.container .hero_text_3{
		font-size:4.3vw;
	}
	section.parallax {
  		padding: 165px 0px 120px;
	}
	section.program-details .col1{
		float:none;
		width:100%;
	}
	section.program-details .col2{
		float:none;
		width:100%;
	}
}

@media screen and (max-width: 900px) {
	section.ldg-programs .tile-wrapper{
		margin:0 auto;
		width: 630px;
		height: 735px;
		overflow:auto;
	}
	section.ldg-programs a.tile{
		width:184px;
		height:185px;
		margin:0 10px 60px 10px;
	}
	section.ldg-programs h2{
		font-size:12px;
		letter-spacing:normal;
	}
}

@media screen and (max-width: 800px) {
	section.parallax {
  		padding: 125px 0px 80px;
	}
}

@media screen and (max-width: 668px) {
	section.ldg-programs .tile-wrapper{
		width: 408px;
		height: 1225px;
	}
	.container .hero_text_1{
		font-size:7vw;
	}
}

/*PHONE SPECIFIC*/
@media screen and (max-width: 550px) {
	.container .hero_text_1{
		font-size:7vw;
	}
	.container .hero_text_2{
		font-size:8.6vw;
	}
	.container .hero_text_3{
		font-size:5.2vw;
	}
	section.parallax {
  		padding: 85px 0px 40px;
	}
	section h1 {
		font-size:7vw;
	}
	.tile-wrapper{
		height:130vw;
	}
	a.tile{
		width:calc(50% - 10px);
		height:calc(33% - 10px);
	}
	section.program-details h2{
		font-size:7vw;
	}
	section.program-details .pic{
		height:34vw;
		margin:0 20px;
	}
}
@media screen and (max-width: 460px) {
	section.ldg-programs .tile-wrapper{
		width: 288px;
		height: 1125px;
	}
	section.ldg-programs a.tile{
		width:134px;
		height:165px;
		margin:0 5px 60px 5px;
	}
	section.ldg-programs h2{
		font-size:11px;
	}
	
}