p {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 25px;
	margin:2px;
	padding-bottom:10px
}
.p2
{
 line-height:110%;
}
.p3
{
 line-height:120%;
 font-size: 25px;
}
.dirpagephoto 
{
	width:85%;
	height:85%;
}
.formerdirpagephoto 
{
	width:99%;
	height:99%;
}
.dirnametext 
{
	 color: black;
}
#chairmafont 
{
	 color: black;
	 font-family:calibri;
	 font-size:18px
}
.formerdirnametext 
{
	 color: black;
}
/********** MEDIA STARTING ***************/
@media screen and ( max-width:  1440px  ) and (   max-height: 900px  ) 
{
	.p2
	{
		line-height:100%;
	}
	.p3
	{
		line-height:120%;
		font-size: 24px;
	}
	.dirpagephoto 
	{
		width:78%;
		height:85%;
	}
	p 
	{
		font-size: 19px;
	}
	.dirpagephoto 
	{
		width:78%;
		height:85%;
	}
.formerdirpagephoto 
{
	width:99%;
	height:99%;
}
}

@media screen and ( max-width:  1366px  ) and (   max-height: 768px  ) 
{
	.p2
	{
		line-height:100%;
	}
	.p3
	{
		line-height:120%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:78%;
		height:85%;
	}
	p 
	{
		font-size: 17px;
	}
	.formerdirpagephoto 
{
	width:98%;
	height:98%;
}
}
@media screen and ( max-width:  1360px  )and (   max-height: 768px  ) 
{
	.p2
	{
		line-height:100%;
	}
	.p3
	{
		line-height:120%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:78%;
		height:85%;
	}
	p 
	{
		font-size: 17px;
	}
	.formerdirpagephoto 
{
	width:98%;
	height:98%;
}
}
@media screen and ( max-width:  1280px  ) and (   max-height: 1024px  )
{
	.p2
	{
		line-height:110%;
	}
	.p3
	{
		line-height:120%;
		font-size: 24px;
	}
	.dirpagephoto 
	{
		width:85%;
		height:89%;
	}
	p 
	{
		font-size: 18px;
	}
	.formerdirpagephoto 
{
	width:98%;
	height:98%;
}
}
@media screen and ( max-width:  1280px  ) and (   max-height: 768px  )
{
	.p2
	{
		line-height:105%;
	}
	.p3
	{
		line-height:115%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:75%;
		height:84%;
	}
	p 
	{
		font-size: 16px;
	}
	.formerdirpagephoto 
{
	width:98%;
	height:98%;
}
}
@media screen and ( max-width:  1280px  ) and (   max-height: 720px  )
{
	.p2
	{
		line-height:105%;
	}
	.p3
	{
		line-height:115%;
		font-size: 21px;
	}
	.dirpagephoto 
	{
		width:72%;
		height:85%;
	}
	p 
	{
		font-size: 15px;
	}
	.formerdirpagephoto 
{
	width:94%;
	height:94%;
}

}
@media screen and ( max-width:  1152px  ) and (   max-height: 864px  )
{
	.p2
	{
		line-height:105%;
	}
	.p3
	{
		line-height:115%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:72%;
		height:85%;
	}
	p 
	{
		font-size: 16px;
	}
	.formerdirpagephoto 
{
	width:99%;
	height:99%;
}
}
@media screen and ( max-width:  1024px  ) and (   max-height: 786px  )
{
	.p2
	{
		line-height:110%;
	}
	.p3
	{
		line-height:115%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:72%;
		height:85%;
	}
	p 
	{
		font-size: 15px;
	}
	.formerdirpagephoto 
{
	width:98%;
	height:98%;
}
}
@media screen and ( max-width:  1024px  ) and (   max-height: 768px  )
{
	.p2
	{
		line-height:110%;
	}
	.p3
	{
		line-height:115%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:72%;
		height:85%;
	}
	p 
	{
		font-size: 15px;
	}
	.formerdirpagephoto 
{
	width:98%;
	height:98%;
}
}
@media screen and ( max-width:  799px  ) and (   max-height: 599px  )
{/*  mobile  */
 
 	.p2
	{
		line-height:110%;
	}
	.p3
	{
		line-height:115%;
		font-size: 23px;
	}
	.dirpagephoto 
	{
		width:85%;
		height:85%;
	}
	p 
	{
		font-size: 15px;
	}
	.dirnametext 
		{
			 color: black;
			 font-size : 8px;
		}
		.formerdirpagephoto 
{
	width:90%;
	height:auto;
}
#chairmafont 
{
	 color: black;
	 font-family:calibri;
	 font-size:10px
}
}

