.transition-background {  
    width: 340px;
    height: 150px;
	background-color: rgba(230, 230, 230, 0.5);
	-webkit-transition: transform .2s;
    transition: transform .2s;
    margin: 0 auto;
	-webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.transition-background:hover{
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
	box-shadow: 6px 10px 16px -10px rgba(0, 0, 0, 0.8);
	background-color: rgba(200, 200, 200, 0.5);
	border: 1px solid #999;
}

.transition-personal { 
    width: 340px;
    height: 150px;
	background-color: rgba(230, 230, 230, 0.5);
	-webkit-transition: transform .2s;
    transition: transform .2s;
    margin: 0 auto;
	-webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.transition-personal:hover{
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
	box-shadow: 6px 10px 16px -10px rgba(0, 0, 0, 0.8); 
	background-color: rgba(200, 200, 200, 0.5);
	border: 1px solid #999;
}
/*
@media screen and (min-width: 820px and max-width: 1100px) {	
.transition-work {width: 350px;}
.transition-texts {width: 350px; }
.text {}
}

@media screen and (max-width: 768px) { 
.transition-work {width: 230px; height:111px; margin: 50px auto 0;}
.transition-texts {width: 230px; height:111px; margin: 50px auto 0;}
.text { font-size:20px; line-height:105px !important; letter-spacing:1px;}
}

@media screen and (max-width: 468px) { 	
.transition-work {width: 150px; height:85px; margin: 20px auto 0;}
.transition-texts {width: 100px; height:85px; margin: 20px auto 0;}
.text { font-size:24px; line-height:90px !important; letter-spacing:1px; }
}
*/