.dog {
	margin-top: 10px;
	margin-left: 10px;
	width: 280px;
	display: inline-block; /* inline  inline-block  block */
	background: #f2f2f2;
	color: #000000;
	font-size: 14px;
	padding: 1px 6px 0px 6px;
	text-align: center;
	height: auto;
	border-radius: 10px;
	border: 1px solid #999999;
	border-top: 4px solid #1abc9c; /* orange ff3300 */
/*	text-transform: uppercase; /* uppercase lowercase capitalize */
	transition: transform .2s;
}
.dog:hover {
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
}
.detail {
	margin-top: 0px;
	margin-left: 0px;
	width: auto;
	display: inline-block;
	background: #00a65a;
	color: white;
	font-size: 14px;
	padding: 1px 8px 0px 8px;
	text-align: center;
	height: 23px;
	border-radius: 5px;
	border: 1px solid #00a65a;
	text-transform: uppercase; /* uppercase lowercase capitalize */
}
.img { 
    border-radius: 10px;
	height: 120px;
	transition: transform .2s;
}
.img:hover {
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
}
.dogview { 
    border-radius: 10px;
	height: 200px;
	transition: transform .2s;
}
.dogview:hover {
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
}