/* <-----------------------For mobile phones and iPhones------------------------------>*/

@media all and (max-width : 650px ) {
	#profileimg{
		width:50vw;
		height:50vw;
		margin-right: auto;
		margin-left: auto;
	}
	#leftinfo{
		margin-top:20vw;
	}
}

/* <-----------------------For tablets and iPads------------------------------>*/


@media all and (min-width:651px) and (max-width : 1024px ) {
	#profileimg{
		width:25vw;
		height:25vw;
		margin-right: auto;
		margin-left: auto;
	}
}

/* <-----------------------For Desktops and above------------------------------>*/
@media all and (min-width: 1025px) {
	#profileimg {
		width: 15vw;
		height: 15vw;
	}
}

.main-content{
	padding-left:3vw;
	/*z-index:99;*/
	position:relative;
	margin-right:5vw;
	width:77vw;
	float:right;
}
.well{
	position:relative;
	/*z-index:1;*/
}

.img-container{
	width:50%;
	margin-left:10%;
}
.btn-default{
	background-color: ;
	border:1px solid #152648;
	color:#152648;
	border-radius:0;
	font-size:1.1vw;
	transition:all 0.15s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.15s linear;
	-webkit-transition:all 0.15s linear;
}

.btn-default:hover{
	background-color: #152648;
	border:1px solid #152648;
	color:white;
}




@media all and (max-width:1024px){
	.main-content{
		/*padding-left:3vw;/
		/*z-index:-1;*/
		width:90vw;
		margin:5vw;
		position:relative;
		
	}
	.container-fluid{
		padding-top:0px;
	}
}