.card{
	float:left;
	width: 100%;
	height: 300px;
	padding: .75rem;
	margin-bottom: 2rem;
	margin-top: 2rem;
	text-align:center;
	background-color:white;
	border:1px solid #EAEAEA;
}

@media(max-width:767px) {
	.card{
        width: 100%;
		height: 110px;
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
		text-align:center;
	}
}

.card:hover{
	border: 1px solid #888;
}

.card img{
	max-height:220px;
	margin-left:auto;
	margin-right:auto;
}

@media(max-width:767px) {
    .card img{
        max-width:50px;
    }
}

.card-text{
	font-size: 85%;
}

.card p{
	font-size: 10px;
	font-size: 0.9vw;
}

@media(max-width:767px) {
	.card p{
		font-size: 20px;
		font-size: 3.5vw;
	}
}

#category-view a{
    padding:0px;
}