@charset "utf-8";
/* CSS Document */

.grunge-bg {
	background-image: url('https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/buildings/grunge-bg.png');
	height: 500px;
}

.photo-bg-lubesale {
	background-image: url("https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/50-50/lube-sale-Mar13/14063-Spring-Lube-Sale-Ecomm-Site-50_50-banner-2000x500-V2.jpg");
	background-position: top;
    background-size: cover;
    width: 100%;
    z-index: 0;
	min-height: 450px;
}

@media (min-width: 650px) {
	.photo-bg-lubesale {
	background-position: 100% 100%;
    background-size: cover;
    width: 100%;
    z-index: 0;
	min-height: 350px;
	}
}

.clear { clear: both; }

.coop-block {
	background: url("https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/50-50/grunge-txt.png") no-repeat top right; 
	background-color: #373332; 
	color: #fff; 
	height: 450px;
	padding: 0 30px 0 0;
	width: 50%;
	float: left;
	text-align: left;
}

.coop-block h1 {
	color: #fff !important;
	padding: 55px 28px 18px 10px;
	text-transform: uppercase;
}

.coop-block p {
	padding: 0 0 15px 10px;
	font-size: 1.2rem;
}

@media (min-width: 800px) and (max-width: 1199px) {
	.coop-block h1 {
		padding: 25px 8px 5px 10px;
	}
	
	.coop-block p {
		padding: 0 0 0 10px;
	}
}

@media (max-width: 799px) {
	.coop-block h1 {
		padding: 15px 8px 5px 10px;
		font-size: 2rem;
	}
	
	.coop-block p {
		padding: 0 0 0 10px;
	}
}

.coop-block-txt {
	padding: 30px 0 30px 0; 
	font-size: 1.3em;
}

.coop-header-main-mobi {
	width: 50%;
	float: right;
}

.coop-block-alt {
	background: url("https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/buildings/grunge-txt2.png") no-repeat top left; 
	background-color: #d8d9df; 
	color: #171717;
	height: 450px;
	padding: 0 0 0 30px;
	width: 50%;
	float: right;
	text-align: left;
}

.coop-block-alt h1 {
	color: #171717 !important;
	padding: 60px 0 0 0;
	text-transform: uppercase;
}

.coop-header-mobi-alt {
	width: 50%;
	float: left;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

	.coop-block {
		background: url("https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/50-50/grunge-txt.png") no-repeat top right; 
		background-color: #373332; 
		color: #fff; 
		padding: 0 8px 0 5px;
		width: 100%;
		text-align: left;
		height: 300px;
	}

	.coop-header-lubesale-mobi, .coop-header-mobi-alt-main {
		width: 100%;
		height: 350px;
		background-image: url('https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/50-50/lube-sale-Mar13/14063%20Spring%20Lube%20Sale%20Ecomm%20Site-50_50%20Banner-1200x450%20.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	
	}	




}



@media (max-width: 450px) {
	
	.coop-block h1 {
		color: #fff !important;
		padding: 10px 0 5px 0;
		text-transform: uppercase;
		font-size: 2.1em;
		line-height: 1.1em !important;
	}
	
	.coop-block-alt h1 {
		color: #171717 !important;
		padding: 20px 0 0 0;
		text-transform: uppercase;
		font-size: 2.1em;
		line-height: 1.1em !important;
	}	
	
	
	.coop-block-txt {
		padding: 30px 0 30px 0; 
		font-size: 1em;
	}

	.coop-block {
		background: url("https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/50-50/grunge-txt.png") no-repeat top right; 
		background-color: #373332; 
		color: #fff; 
		padding: 0 8px 0 8px;
		width: 100%;
		text-align: left;
		height: 300px;
	}


	.coop-header-lubesale-mobi, .coop-header-mobi-alt-main {
		width: 100%;
		height: 220px;
		background-image: url('https://ufadigmtg.blob.core.windows.net/default/ufa.com/images/banner/50-50/lube-sale-Mar13/14063%20Spring%20Lube%20Sale%20Ecomm%20Site-50_50%20Banner-450x250.jpg');
		background-position: top center;
	
	}	

    .photo-bg-lubesale {

        min-height: 300px;
    }
	
}