/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.hero-unit {
        background-image: url(../img/hero.jpg);  
        padding: 10%;
        margin-bottom: 30px;
        background-repeat: no-repeat;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;       
}

.compressor_hero-unit {
        background: url(../img/compressor.jpg) no-repeat center top;   
        background-size: 1200px 600px;
}
.kit_hero-unit {
        
        background: url(../img/repairkit.jpg) no-repeat center center;
        background-size: 100%;   
}

.installation_hero-unit {
        
        background: url(../img/install.jpg) no-repeat center center;
        background-size: 100%;   
}

.manufacture_hero-unit {
        
        background: url(../img/howitsmade.jpg) no-repeat center center;
        background-size: 100%;   
}

.hero-unit h1 {
        font-size:250%;
        color:rgb(0,0,0);
        text-shadow: 2px 2px 2px #ffffff;    
}

.hero-unit h3 {
        color:rgb(0,0,0);
        text-shadow: 2px 2px 2px #ffffff;    
}

.hero-unit p {
        color:rgb(0,0,0);   
}

.hero-unit div.transbox {
  background: rgba(225, 225, 225, .3);
  padding: 5% 10%;/* 20px 80px;*/
  /*margin:30px 50px;*/
  border:1px solid black;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}