html {
	font-family: 'Roboto', sans-serif;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;

    width:  250px;
	height: 250px;

	float: left;

	margin-top: 10px;
	margin-right: 10px;
	padding-top: 10px;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
	text-align: center;
    padding: 2px 16px;
}

.card img {
	display:block;
	margin:auto;

	width: auto;
	height: 125px;
}