#products{
	color: #FFF;
	display:none;
	margin-top:30px;
}
#products div{
	background-size:cover;
	border-radius:20px 20px 20px 20px;
	text-align:left;
	opacity:1;
	transition:all 1s;
	float: left;
	margin:10px;
}
#products div h1,#products div p{
	margin-left:10px;
	font-size:13px;
	font-weight: normal;
}
#products div h1{
	font-size:15px;
	font-weight: bold;
}
#pro1 h1{
	padding-top:45%;
}
#pro2 h1{
	padding-top:70%;
}
#pro3 h1{
	padding-top:38%;
}
#pro4 h1{
	padding-top:55%;
}
#pro5 h1{
	padding-top:45%;
}
#pro6 h1{
	padding-top:45%;
}
#pro7 h1{
	padding-top:85%;
}
#pro1{
	width:33%;
	height:200px;
	background: url('../images/claudio-schwarz-purzlbaum-8V2wWuSDHdA-unsplash.jpg');
}
#pro2{
	width:20%;
	height:200px;
	background: url('../images/temp_analyzer.jpg');
}
#pro3{
	width: 40%;
	height:200px;
	background: url('../images/iot_hardware.jpg');
}
#pro4{
	width:44%;
	height:300px;
	background: url('../images/mitchell-luo-FWoq_ldWlNQ-unsplash.jpg');
}
#pro5{
	width:96%;
	height:135px;
	background: url('file:///F:/Projects/Php/SoulIoT/images/platform.jpg');
}
#pro6{
	width:96%;
	height:135px;
	background: url('file:///F:/Projects/Php/SoulIoT/images/ramon-salinero-vEE00Hx5d0Q-unsplash.jpg');
}
#pro7{
	width:28%;
	height:300px;
	background: url('file:///F:/Projects/Php/SoulIoT/images/joshua-rawson-harris-Bqv85qbh_-A-unsplash.jpg');
}
div#productCell{
	width: 20%;
	margin:0px;
	margin-right:10px
}

@media (max-width:1090px){
	#products div{
		margin:5px
	}
	div#productCell{
		margin-right: 5px;
	}
}
@media (max-width:900px){
	//body{background:white;}
	#products{
		padding-left:30px;
	}
	#pro1{
		width: 55%;
	}
	#pro2{
		width: 35%;
	}
	#pro4{
		width:50%;
		height:200px;
	}
	div#productCell{
		width:45%;
	}
	#pro5, #pro6{
		height: 160px;
	}
	div#pro7{
		width:45%;
		height: 320px;
		margin-top: 15px;
	}
}