@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

html, body{
	margin: 0px;
	padding: 0;
	overflow-x: hidden;
	font-family: 'Roboto Condensed', sans-serif;
}
h1{
	color: #2526B3; 
	text-align: center;
	margin: 40px 0 0 0;
}
hr{
	width: 90px;
    margin: 8px 0 40px 47%;
    border: 0.5px solid #2526B3;
}
.heading{
	margin-bottom: 50px;
}
.heading h2{
	color: #2526B3;
	margin: 0 0 20px 0;
}
.heading p{
	color: #00000096;
	font-size: 1.5em;
	line-height: 1.4em;
    letter-spacing: 0.8px;
	padding: 0 0 0 0;
}
.indust{
	margin-bottom: 80px;
}
.indust h2{
	color: #2526B3;
	margin: 0 0 20px 0;
}
.indust .box{
	width: 275px;
	height: 275px;
	background: #ECE7E7;
	margin: 15px 0  14px 0px;
	position: relative;
    transition: all .6s;
}

.indust .box img {
    margin: 50px 0 50px 88px;
}
.indust .box:hover{
    background: #0089c93d;
    box-shadow: 5px 5px 10px 5px #0089c93d;
}
.indust p{
	font-size: 1.8em;
	color: #2426b3;
	text-align: center;
}
.indust a{
	text-decoration: none;
}

/*automotive*/

#automotive{
	background-color: #F4F4F4;
	padding: 0 0 30px 0;
}
#automotive h2{
	font-size: 2.5em;
	color: #2526b3c9;
	margin: 40px 0 10px 0;
}
#automotive h3{
	font-size: 1.8em;
	color: #2526b3c9;
	margin: 0 0 40px 0;
}
#automotive p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #00000096;
	padding: 0 0 0 0;
}

/*automotive*/

/*recyclables*/

#recyclables{
	padding: 0 0 30px 0;
}
#recyclables h2{
	font-size: 2.5em;
	color: #2526b3c9;
	margin: 40px 0 10px 0;
}
#recyclables h3{
	font-size: 1.8em;
	color: #2526b3c9;
	margin: 0 0 40px 0;
}
#recyclables p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #00000096;
	padding: 0 0 0 0;
}

/*recyclables*/

/*packaging*/

#packaging{
	background-color: #F4F4F4;
	padding: 0 0 30px 0;
}
#packaging h2{
	font-size: 2.5em;
	color: #2526b3c9;
	margin: 40px 0 10px 0;
}
#packaging h3{
	font-size: 1.8em;
	color: #2526b3c9;
	margin: 0 0 40px 0;
}
#packaging p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #00000096;
	padding: 0 0 0 0;
}

/*packaging*/

/*fooddrinks*/

#fooddrinks{
	padding: 0 0 30px 0;
	margin-bottom: 80px;
}
#fooddrinks h2{
	font-size: 2.5em;
	color: #2526b3c9;
	margin: 40px 0 10px 0;
}
#fooddrinks h3{
	font-size: 1.8em;
	color: #2526b3c9;
	margin: 0 0 40px 0;
}
#fooddrinks p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #00000096;
	padding: 0 0 0 0;
}

/*fooddrinks*/

/*RESPONIVE*/
@media(max-width: 1080px){
	.indust .box{
		margin: 15px 0 15px 5px;
	}
}
@media(max-width: 960px){
	.indust .box{
		width: 350px;
    	margin: 8px 0 15px 0px;
	}
	.indust .box img{
		margin: 55px 0 35px 124px;
	}
}
@media(max-width: 736px){
	.heading h2{
		margin: 0 35px 20px 20px; 
	}
	.heading p {
	    font-size: 1.4em;
	   padding: 0 35px 0 20px;
	}
	.indust h2 {
	    margin: 0 35px 20px 20px;
	}
	.indust .box {
	    width: 670px;
    	height: 195px;
    	margin: 30px 0 30px 15px;
	}
	.indust .box img{
		margin: 10px 0 35px 284px;
	}
	#automotive h2{
		margin: 40px 0 10px 20px;
	}
	#automotive h3 {
    	margin: 0 0 40px 20px;
	}
	#automotive p {
	    font-size: 1.4em;
	    padding: 0 29px 0 7px;
	}
	#recyclables h2{
		margin: 40px 0 10px 20px;
	}
	#recyclables h3 {
    	margin: 0 0 40px 20px;
	}
	#recyclables p {
	    font-size: 1.4em;
	    padding: 0 29px 0 7px;
	}
	#packaging h2{
		margin: 40px 0 10px 20px;
	}
	#packaging h3 {
    	margin: 0 0 40px 20px;
	}
	#packaging p {
	    font-size: 1.4em;
	    padding: 0 29px 0 7px;
	}
	#fooddrinks h2{
		margin: 40px 0 10px 20px;
	}
	#fooddrinks h3 {
    	margin: 0 0 40px 20px;
	}
	#fooddrinks p {
	    font-size: 1.4em;
	    padding: 0 29px 0 7px;
	}
}
@media(max-width: 667px){
	.heading p {
	    font-size: 1.5em;
	   padding: 0 34px 0 20px;
	}
	.indust .box {
	    width: 95%;
	}
	.indust .box img {
    	margin: 10px 0 35px 256px;
	}

}
@media(max-width: 640px){
	hr{
		margin: 8px 0 40px 43%
	}
}
@media(max-width: 600px){
	hr {
    	width: 80px;
    	margin: 8px 0 40px 40%;
	}
	.indust .box img {
   		margin: 10px 0 35px 223px;
	}
	
}

@media(max-width: 568px){
	.indust .box img {
    	margin: 10px 0 35px 205px;
	}
}
@media(max-width: 533px){
	.indust .box img {
    	margin: 10px 0 35px 205px;
	}
}
@media(max-width: 480px){
	hr {
    	margin: 8px 0 40px 40%;
	}
	.indust .box {
    	width: 93%;
	}
	.indust .box img {
	    margin: 10px 0 35px 167px;
	}
}
@media(max-width: 414px){
	.indust .box img {
    	margin: 10px 0 35px 132px;
	}
}
@media(max-width: 384px){
	.indust .box img {
    	margin: 10px 0 35px 120px;
	}
}
@media(max-width: 375px){
	.indust .box {
   		width: 91%;
   		margin: 30px 0 30px 13px;
	}
}
@media(max-width: 360px){
	.heading p {
    	font-size: 1.3em;
    	line-height: 1.3em;
   		padding: 0 21px 0 20px;
	}
	.indust .box {
    	margin: 30px 0 30px 15px;
	}
	.indust .box img {
    	margin: 25px 0 20px 102px;
	}
	#automotive p {
    	font-size: 1.3em;
    	line-height: 1.3em;
    	padding: 0 21px 0 20px;
	}
	#recyclables p {
    	font-size: 1.3em;
    	line-height: 1.3em;
    	padding: 0 21px 0 20px;
	}
	#packaging p {
    	font-size: 1.3em;
    	line-height: 1.3em;
    	padding: 0 21px 0 20px;
	}
	#fooddrinks p {
    	font-size: 1.3em;
    	line-height: 1.3em;
    	padding: 0 21px 0 20px;
	}
}

@media(max-width: 320px){
	.indust .box img {
    	margin: 25px 0 20px 86px;
	}
}
/*RESPONIVE*/