.userpic_wrapper {
    width: 200px;
    height: 200px;
    margin: 4px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #555555;
    text-align: left;
}
.userpic {
	position: relative;
}

.my_photo {
	display: table;
	margin-bottom: 50px;
}

.my_photo > div {
	display: table-cell;
	vertical-align: top;
	padding: 0 20px;
}
.my_photo > div:first-child {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.my_photo_top .my_photo {display: block; position: absolute; top: 50px; right: 50px; width: 400px;}
	.my_photo_top .my_photo > div {display: block; text-align: center;}
	.my_photo_top .userpic_wrapper {margin: 4px auto;}
}

@media screen and (max-width: 768px) {
	.my_photo {display: block;}
	.my_photo > div {display: block; text-align: center;}
	.userpic_wrapper {margin: 4px auto;}
}