body{
	margin: 0;
	padding: 0;
	min-width: 320px;
	font-family: 'Ubuntu', sans-serif;
	background-image: url("../images/pelletsHeader.jpg");
	background-repeat: no-repeat;	
}
h1{
	font-size: 60px;
}
h2{
	font-size: 50px;
}
h3{
	font-size: 40px;
}
h4{
	font-size: 30px;
}
h5{
	font-size: 25px;
}
.white{
	color: #fff !important;
}
.blue{
	color: #0e4094 !important;
}
.red{
	color: #e4002c !important;
}
.activeScreen{
	width: 70%;
	margin: auto;
}
#headerWrapp{
	width: 100%;
	background-image: url("../images/homeHeader.jpg");
	text-align: center;
	background-position: bottom right; 
	background-repeat: no-repeat;
}
.topHeaderBackground{
	background-image: url("../images/transp.png");
	overflow: hidden;
}
.logoStyle{
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #0e4094;
}
.position{
	width: 100%;
	text-align:center;
	overflow: hidden;
}
.menuButton{
	display: none;
	float: right;
	color: #0e4094;
	margin: 10px;
	width: 35px;
	font-size: 20px;
	text-align: center;
	opacity: 0.9;
	position: relative;
}
.menuWrapp{
	list-style-type: none;
    padding: 0;
	margin: auto;
	width: 70%;
	overflow: hidden;
}
.menusHolder{
	width: 25%;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	font-weight: 300;
	color: #000;
	float: left;
}
.menusHolder a {
    text-decoration: none ;
	color: #000;
}
.menusHolder a:hover {
    text-decoration: none;
	color: #0e4094;
}
.current{
	color: #0e4094 !important;
}
.current a {
    text-decoration: none ;
	color: #0e4094;
}
.current a:hover {
    text-decoration: none;
}
.headlineStyle{
	margin-top: 145px;
	margin-bottom: 145px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-transform: uppercase;
	border: 2px solid #fff;
	text-shadow: 2px 2px 4px #000000;
}
.subheadlineStyle{
	padding-bottom: 10px;
}
#aboutFirmInfoWrapp{
	width: 100%;
	overflow: hidden;
}
.articleText{
	font-size: 20px;
	text-align: justify;
	line-height: 25px;
	font-weight: 300;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.spanStyle{
	color: #000;
}
.spanStyle a{
	color: #000;
	text-decoration: none;
}
.spanStyle a:hover{
	color: #0e4094;
	text-decoration: none;
}
.spanStyleWhite{
	color: #fff;
}
.spanStyleWhite a{
	color: #fff;
	text-decoration: none;
}
.spanStyleWhite a:hover{
	color: #8ca7d4;
	text-decoration: none;
}
#pelletsInfoWrapp{
	background-color: #0e4094;
	width: 100%;
	overflow: hidden;
}
#bulletsInfoWrapp{
	width: 100%;
	overflow: hidden;
}
.articleImageStyle{
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
.infoBullets{
	font-size: 20px;
	text-align: left;
	line-height: 27px;
	font-weight: 300;
	color: #000;
}
.bullets{
	list-style-type: none;
}

#bulletsInfoWrapp li:before{
	content: "•"; 
	color: #0e4094;
	padding-right: 10px;
}
#footerWrapp{
	background-color: #363636;
	width: 100%;
	overflow: hidden;
}
.footerTextHolder{
	width: 60%;
	float: left;
}
.articleTextFooter{
	font-size: 20px;
	text-align: left;
	line-height: 25px;
	font-weight: 300;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerIconsHolder{
	width: 35%;
	float: right;
}
.socialIconsStyle{
	float: right;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 10px;
}


/*Pellets Prices*/

#pelletsPricesHeaderWrapp{
	width: 100%;
	text-align: center;
}
#pricesInfoWrapp{
	margin-top: 280px;
	background-color: #0e4094;
	width: 100%;
	overflow: hidden;
}
.sliderHolder{
	width: 100%;
	overflow: hidden;
}
.pelletsProductStyle{
	height: 100%;
	float: left;
}
.pelletsInfoContainer{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.lineThrough{
	text-decoration: line-through;
}
.addButton{
	width: 250px;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	font-weight: 700;
	color: #fff;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#0e4094;
	
}
.addButton a{
	text-decoration: none;
	width: 250px;
	line-height: 60px;
	color: #fff;
	display: block;
}
.addButton :hover{
	text-decoration: none;
	background-color:#0a3174;
}


/* RESPONSIVE */

/* Responsive 1600 */
@media only screen 
and (max-width : 1600px) {
	.articleImageStyle{
	margin-top: 60px;
	}
}
/* Responsive 1440 */
@media only screen 
and (max-width : 1440px) {
	.menuWrapp{
	width: 100%;
	}
	.articleImageStyle{
	margin-top: 70px;
	}
}
/* Responsive 1200 */
@media only screen 
and (max-width : 1200px) {
	.logoStyle{
	width: 100%;
	}
	.articleImageStyle{
	margin-top: 140px;
	}
}
/* Responsive 1000 */
@media only screen 
and (max-width : 1000px) {
	#headerWrapp{
	background-size: auto 100%;
	}
	.articleImageStyle{
	margin-top: 160px;
	}
}
/* Responsive 990 */
@media only screen 
and (max-width : 990px) {
	.menuButton{
	display: block;
	z-index: 1000;
	}
	.menuWrapp{
	width: 100%;
	}
	.menusHolder{
	width: 100%;
	float: none !important;
	display: none;
	border-bottom: 1px solid #95b5ec; 
	opacity: 0.9;
	}
	.articleImageStyle{
	margin-top: 20px;
	}
	.pelletsProductStyle{
	height: auto;
	width: 100%;
	}
}

/* Responsive 900 */
@media only screen 
and (max-width : 900px) {

}
/* Responsive 796 */
@media only screen 
and (max-width : 796px) {

	
}
/* Responsive 768 */
@media only screen 
and (max-width : 768px) {
	h1{
	font-size: 40px;
	}
	h2{
	font-size: 30px;
	}
	h3{
	font-size: 25px;
	}
	h4{
	font-size: 20px;
	}
	h5{
	font-size: 18px;
	}
	.articleText{
	font-size: 16px;
	line-height: 20px;
	}
	.infoBullets{
	font-size: 16px;
	line-height: 22px;
	}
	.articleTextFooter{
	font-size: 16px;
	}
	#pricesInfoWrapp{
	margin-top: 290px;
	}
}
/* Responsive 600 */
@media only screen 
and (max-width : 600px) {
	.footerTextHolder{
	width: 100%;
	float: none;
	}
	.footerIconsHolder{
	width: 100%;
	float: none;
	}
	.socialIconsStyle{
	margin-top: 0;
	margin-bottom: 10px;
	}
	#pricesInfoWrapp{
	margin-top: 300px;
	}
}
/* Responsive 480 */
@media only screen 
and (max-width : 480px) {
	h1{
	font-size: 33px;
	}
	#pricesInfoWrapp{
	margin-top: 320px;
	}
}