.bmcontainer {
	background: FFFFFF;
	border-radius: 10px;
	border: 1px solid black;
	width: 412px;
	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, .175);
        	box-shadow: 10px 6px 12px rgba(0, 0, 0, .175);
}

.bm {
	width: 64px;

	margin: 8px 5px 5px 5px;

	cursor: hand;

	border-radius: 7px;

	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, .175);
        	box-shadow: 10px 6px 12px rgba(0, 0, 0, .175);
}

.bm:hover {
	cursor: hand;
}

.bm:active {
	position: relative;
	top: 6px;
	left: 6px;

	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, 0);
        	box-shadow: 10px 6px 12px rgba(0, 0, 0, 0);
}

.bmshare {
	font: 36px Arial;
	font-style: italic;
	vertical-align: top;
}

@media (max-width: 767px) {
	.bmcontainer {
		border-radius: 5px;
		width: 238px;
		-webkit-box-shadow: 5px 3px 6px rgba(0, 0, 0, .175);
	        	box-shadow: 5px 3px 6px rgba(0, 0, 0, .175);
	}

	.bm {
		width: 32px;
		-webkit-box-shadow: 5px 3px 6px rgba(0, 0, 0, .175);
        		box-shadow: 5px 3px 6px rgba(0, 0, 0, .175);
	}

	.bm:active {
		position: relative;
		top: 3px;
		left: 3px;

		-webkit-box-shadow: 5px 3px 6px rgba(0, 0, 0, 0);
        		box-shadow: 5px 3px 6px rgba(0, 0, 0, 0);
	}

	.bmshare {
		font: 18px Arial;
	}
}

@media (max-width: 300px) {
	.bmcontainer {
		border-radius: 3px;
		width: 155px;
		-webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, .175);
	        	box-shadow: 3px 2px 3px rgba(0, 0, 0, .175);
	}

	.bm {
		width: 16px;
		-webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, .175);
        		box-shadow: 3px 2px 3px rgba(0, 0, 0, .175);
	}

	.bm:active {
		position: relative;
		top: 2px;
		left: 2px;

		-webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, 0);
        		box-shadow: 3px 2px 3px rgba(0, 0, 0, 0);
	}

	.bmshare {
		font: 12px Arial;
	}
}