.profile-page article {
	border:6px solid #FB724E;
	position:relative;
	margin-top:50px;
	margin-bottom:50px;
	padding:20px 30px 30px 200px;
	margin-left:150px;
	text-align:justify;
}

.profile-page article .profile-pic {
	position:absolute;
	top:50%;
	left:-153px;
	margin-top:-150px;
	width:300px;
	height:300px;
	border-radius:50%;
	
}

.profile-page article:nth-child(even){
	margin-right:150px;
	padding:20px 200px 30px 30px;
	margin-left:0;
}

.profile-page article:nth-child(even) .profile-pic {
	left:auto;
	right:-153px;
}

.profile-page article h3 {
	font-family:"Oswald",sans-serif;

	color:#FB724E;
}

.profile-page article .profile-pic figure {
	
}







.ih-item.circle {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
}
.ih-item, .ih-item * {
    box-sizing: border-box;
}
.ih-item a {
    color: #333;
}
.ih-item.circle.effect3.top_to_bottom .img {
    transform: scale(1) translateY(0px);
}
.ih-item.circle.effect3 .img {
    z-index: 11;
    transition: all 0.35s ease-in-out 0s;
}
.ih-item.circle .img {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
}
.ih-item.circle .img::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 16px rgba(255, 255, 255, 0.6) inset, 0px 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.35s ease-in-out 0s;
}
.ih-item.circle .img img {
    border-radius: 50%;
}
.ih-item img {
    width: 100%;
    height: 100%;
}
.ih-item.circle.effect3.top_to_bottom .info {
    transform: translateY(-100%);
}
.ih-item.circle.effect3.colored .info {
    background: #FB724E none repeat;
}
.ih-item.circle.effect3 .info {
    background: #333 none repeat;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s ease-in-out 0s;
}
.ih-item.circle .info {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    border-radius: 50%;
    backface-visibility: hidden;
}
.ih-item.circle.effect3 .info h3 {
    color: #FFF;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0px 30px;
    padding: 55px 0px 0px;
    height: 110px;
    text-shadow: 0px 0px 1px #FFF, 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect3 .info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0px 30px;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.profile-page article:hover .ih-item.circle.effect3.top_to_bottom a .info {
    opacity: 1;
    transform: translateY(0px);
}
.profile-page article:hover .ih-item.circle.effect3.top_to_bottom a .img {
    transform: scale(0.4) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom .img {
    transform: scale(1) translateY(0px);
}
.ih-item.circle.effect3 .img {
    z-index: 11;
    transition: all 0.35s ease-in-out 0s;
}


@media(max-width:767px){
	.profile-page article, .profile-page article:nth-child(even) {
		padding:100px 30px 30px 20px;
		margin-top:120px;
		margin-left:0;
		margin-right:0px;
		text-align:justify;
	}
	.profile-page article .profile-pic, .profile-page article:nth-child(even) .profile-pic  {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-153px;
		width:300px;
		height:300px;
		transform:scale(0.7);
		border-radius:50%;
		
	}
}