.intro
{
	display: flex;
	align-items: flex-start;
}

.intro .introImg
{
	width: 35%;
	border-radius: 50%;
	margin-right: 20px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	min-width: 250px;
	height: fit-content;
}

.intro .introContent
{
	width: 65%;
	display: flex;
	margin: auto;
	/*margin-left: 20px;*/
	
}

.intro .introContent p
{
	margin-top: 0px;
}
.intro .introImg img
{
	width:100%;
}


@media only screen and (max-width: 900px) {

	.intro
	{
		font-size: .9em;
		line-height: 1.5em;
	}

}

@media only screen and (max-width: 700px) {

	.intro
	{
			display: block;
	}

	.intro .introImg
	{
			margin-left: 15%;
			margin-right: 0px;
			width: 70%;
			margin-bottom:15px;
	}
	.intro .introContent {
		width: 100%;
	}
}

@media only screen and (max-width: 500px) {

	.intro
	{
		font-size: .65em;
		line-height: 1.5em;
	}
}