@charset "utf-8";

/* This is the button that links to profiles list. */
.profilesButton{
	margin: 25px auto;
	padding: 4px 8px;
	max-width: 80%;
	background-image: linear-gradient(#e8e8e8, #ffffff, #e8e8e8);
	border: 1px solid #696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #696969;
}
@media screen and (max-width: 700px){
    .profilesButton{
		max-width: 95%;
		font-size: 16px;
	}
}

.profilesButton:hover{
	background: #ffffff;
	color: #c41230;
}

.profilesLink{
	text-decoration: none;
	border-bottom: none;
}




/* This contains the person's details near the top of the page. */
.profileDetails{
	margin: 20px auto;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	text-align: center;
}




/* This contains the person's name. */
.body .profileDetails h3{
	margin: 10px auto;
	color: #c41230;
	font-size: 40px;
}
@media screen and (max-width: 900px){
	.body .profileDetails h3{
		font-size: 24px;
	}
}

/* This contains the person's title. */
.body .profileDetails h4{
	margin: 0px auto;
	color: #0c4da2;
	font-size: 24px;
}
@media screen and (max-width: 900px){
	.body .profileDetails h4{
		font-size: 20px;
	}
}



.page-article-show .body h5{
	font-size: 20px;
	color: #0c4da2;
}



.introText{
	font-size: 18px;
	font-weight: bold;
}