body{
	background-image: url("http://papers.co/wallpaper/papers.co-va91-wallpaper-triangle-fall-blue-pattern-36-3840x2400-4k-wallpaper.jpg");
	background-size: cover;
	background-color:#f4f4f4;
	color:#555555;

	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;

	line-height:1.6em;
	margin:0;
	padding-bottom: 0px;
	height: 100%;
}

a{
	text-decoration: none;
	color:#000;
}
.penetlogo {
	display:inline-block;
	margin-left:33%;
	margin-right: auto;
	width:30%;
	background-color: #d3d3d3; 
	padding: 20px;
	padding-top:0;
}

.headcard {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
background-color: #d3d3d3; 
}

.menubutton{
	background-color:#D3D3D3;
	color:#5392ef;
	padding: 10px;
	border:none;
}

.menubutton:hover{
	background:WHITE;
	color:#5392ef;
	box-shadow:  0 4px 8px 0 rgba(0,0,0,0.3)

}

header li {
	display:inline;

}
ul{

	margin:0;
	padding:0;
	padding-left: 10px;
	display: inline;
}

.container {
	min-height: 100%;
	width:80%;
	margin:auto;
	margin-bottom: -50px;
}
.container2{
	width:80%;
	margin:auto;
}

.nav{
	border: 10px;
}

#boxes {
	margin-top:50px;
}

#boxes .box{
	background-repeat: no-repeat;
	background-size: 100%;

	float:left;
	text-align:center;
	width:45%;
	padding:0px;
	padding-bottom: 0px;
	margin: 10px;

	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);

	min-height: 190px;
	max-height: 200px;
}

#boxes .box:hover{
	box-shadow: 0 10px 14px 0 rgba(0,0,0,0.3);

}

.cont {
	background-color:rgba(255,255,255,0.5);
	padding:0;
}

.menu {
	float:right;
}

.logos{
	float:left;
	height:50px;

}

.cont:hover{
	opacity: 0.0;
	}

h4{
	text-indent: 10px;
	text-align: left;
	margin: 0px;
	
}
p {	
	color:black;
	padding-left: 10px;
	text-indent: 5px;
	text-align: left;
	border: 10px;
	float:left;
	background-color:rgba(255,255,255,0.5);
	min-height: 115px;
	margin:0px;
	overflow:hidden;
}


#boxes .box1{
	background-image: url("../blrbackgr/netgate.png");
}
#boxes .box1:hover{
	background-image: url("../backgr/netgate.png");

}


#boxes .box2{
	background-image: url("../blrbackgr/yealink.png");
}
#boxes .box2:hover{
	background-image: url("../backgr/yealink.png");
}


#boxes .box3{
	background-image: url("../blrbackgr/ubiquiti.png");
}
#boxes .box3:hover{
	background-image: url("../backgr/ubiquiti.png");
}


#boxes .box4{
	background-image: url("../blrbackgr/sparts.png");
}
#boxes .box4:hover{
	background-image: url("../backgr/sparts.png");
}


#boxes .box5{
	background-image: url("../blrbackgr/lenovo.png");

}
#boxes .box5:hover{
	background-image: url("../backgr/lenovo.png");
}

#boxes .box6{
	background-image: url("../blrbackgr/lenovo2.png");

}
#boxes .box6:hover{
	background-image: url("../backgr/lenovo2.png");
}

.footer {
	position:;
	bottom:0;
	padding:20px;
	margin-top:20px;
	color:#fff;
	background-color: #d3d3d3;
	text-align:center;
}

.push{
	height: 800px;
	border-bottom: 0px;
}


@media(max-width:800px ){
	.container {
		float: center;
		width:90%;
		margin: auto;
	}
	.container2{
		float: center;
		width: 80%;
		margin: auto;
	}
	#boxes .box{
		overflow:hidden;
		float:none;
		width:90%;

	}
	.push{
		height:50px;
	}

}