* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



article:hover .img-responsive{
	transform:scale(1.2);
	transition:all 0.5s ease-out; 
}

.img-responsive{
	width: 100%;
	height:350px;
	display: block;
	transition:all 0.5s ease-out; 
}

.cont-article{
	position: absolute;
	background: #5C5455;
	background:rgba(0, 0, 0, 0.5); 
	top:0;
	width:100%;
	height:30%;
	padding: 5px;
	display: block;	
}



/* animacion lista productos */
.img-productos{
	align-items: center;
	width: 300px;
    height: 300px;
    border-radius: 10%;
   /*  border:5px solid rgb(0, 76, 255); */
    transition: 0.5s ease-out;
}

.img-productos:hover{
	border-radius: 50%;
    transform: rotate(10deg);
    transition: 0.5s ease-out;	
}

.card:hover{
	border-radius: 3%;
	border: 3px solid rgba(24, 93, 211, 0.879);
    border-style: double;
    background-color: rgb(214, 207, 207);    
}

.mallas{	
	width: 100%;
	height: auto;		
}

.strech{
	width: 100%;
	height: auto;	
}

.ubicacion{
	width: 100%;		
}

.contactanos{
	width: 100%;
		
}

.alimentos{
	width: 100%;
	height: auto;	
	background-color: rgb(205, 213, 205);
}

.agricolas{
	width: 100%;
	height: auto;
	background-color: rgb(205, 213, 205);
}

.ferreterias{
	width: 100%;
	height: auto;
	background-color: rgb(205, 213, 205);
}

.sobreempaque{
	width: 100%;
	height: auto;
	background-color: rgb(205, 213, 205);	
}