div.aboutme{
	background-color: rgb(182,182,183);
	padding: 4em;
	padding-top: 3em;
	border-radius: 2em;
	text-align: justify;
}

.myPicture{
	background-size: contain;
	background-repeat: no-repeat;
	border: 2px solid white;
	margin-right: 2em;
}

@media all and (min-width: 700px) {
	div.aboutme{
		width: 60%;
		margin-left: 20%;
		position: relative;
	}

	div.aboutme{
		border-top-left-radius: 6em;
	}
	
	.myPicture{
		height: 12em;
		width: 12em;
		margin-top: -3em;
		margin-left: -4em;
		border-radius: 12em;
	}

	.myIntro h4, p{
		font-size: 16px;
	}

	.myPicture{
		float: left;
	}

}


@media all and (max-width: 700px) {
	div.aboutme{
		width: 90%;
		margin-left: 5%;
		position: relative;
		padding: 1em;
		padding-top: 1em;

	}

	div.aboutme{
		border-top-left-radius: 5em;
	}

	.myPicture{
		height: 10em;
		width: 10em;
		margin-top: -1em;
		margin-left: -1em;
		border-radius: 12em;
	}

	p{
		font-size: 12px;
	}
	.myPicture{
		display: inline-block;
	}

}