@import url('https://fonts.googleapis.com/css?family=Droid+Sans');/*--- Paragraph Font --*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed'); /*--- Headings Font --*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);



body{
	background: #F0F0F0;
	color: #555;
	font-family: font-family: sans-serif;
	line-height: 130%;
	
	text-transform: none;
}
 
.aboutme{
margin:10% auto;
display:block;
max-width: 900px;

}
.aboutme img{
padding-left:3%;
max-height: 500px;

}

.aboutme p{
text-align:left;
float: right;
width: 400px;
font-size: 13px;
padding: 2% 0 2% 0;
	}



/*---responsive---*/

/* ************************** tab ************************* */

@media only screen and (min-width:715px) and (max-width:1200px){

.aboutme{
margin:15% auto;
display:block;
max-width: 800px;

}


.aboutme p{

padding-right: 30px;

width:30%;
font-size: 12px;

	}

}
/* ************************** Phone ************************* */
@media only screen and (min-width:100px) and (max-width:714px){
.aboutme{
margin:15% auto;
display:block;
max-width: 700px;

}

.aboutme img{
margin:0px auto;
display:block;
padding-left:0%;
max-height: 300px;

}
.aboutme p{
text-align:left;
float: none;
width: 80%;
font-size: 12px;
	margin:0px auto;
display:block;
}
}