button{
	border: 0;
	margin: 0;
	padding: 0;
}
div.list{
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
	position: relative;
	padding-top: 25px;
	min-height: 380px;
}
div.list_content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
div.list_content_product{
	width: 98%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.list_product{
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: center;
	align-items: center;
}
a.list_product{
    width:22%;
    margin:10px;
}
div.blackout{
	top: 0;
	border-radius: 29px;
	width: 100%;
	height: calc(100% - 118px);
	opacity: 0;
	background: #753d2c;
	position: absolute;
	cursor: pointer;
	transition: opacity .5s;
}
div.list_product>img{
	border-radius: 29px;
	width:100%;
}
button.product_name{
	position: relative;
	width: 100%;
	height: 78px;
	margin: 20px;
	border-radius: 100px;
	cursor: pointer;
}
button.product_name>span{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	font-size: 24px;
	top: 0;
	left: 0;
}
button.product_name>span:first-child{
    background: white;
    color: #753d2c;
    
}
span.change{
    margin: 0;
    top: 0;
    left: 10px;
    position: absolute;
    font-size: 60px;

}
span.change:hover{
    opacity: 0.5;

}
button.change{
    margin: 0;
    top: 0;
    left: 10px;
    position: absolute;
    font-size: 60px;

}
button.change:hover{
    opacity: 0.5;

}
span.last_span{
	background: #753d2c;
    color: #fff;
    opacity: 0;
    transition: opacity .5s;
}
@media screen and (max-device-width: 1300px), screen and (max-width: 1300px){

	a.list_product{
		width: 22%;
	}
}
@media screen and (max-device-width: 700px), screen and (max-width: 700px){

	a.list_product{
		width: 44%;
	}
}