body
{
	font-family: -apple-system, "HelveticaNeue", "Helvetica", sans-serif;
	color: #333333;
	background-color: #fbfbfb;
}

a
{
	text-decoration: none;			
	font-weight: bold;
	color: #000000;
}

a:hover
{
	color: #044266;
}

#Container
{
	width: 550px;
	margin: 0px auto;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.1em;
}

#RoundedPhoto
{
	width: 250px;
	height: 250px;
	margin: 0px auto;
	background-image: url("brian-2024.jpg");
	background-size: 250px 250px;
	background-color: white;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .15);
	background-clip: padding-box;
}

#Header
{
	margin: 0px auto;
	text-align: center;
	margin-top: 18px;
}

#Header .name
{
	font-weight: bold;
	font-size: 1.5em;
}

#Header .title
{
	margin-top: 10px;
}

#HelloText
{
	margin-top: 18px;
	line-height: 1.4em;
	text-align: left;
}

#HelloText .purpose
{
  font-weight: bold;
  font-variant: small-caps;
}

#Social
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0px auto;
	margin-top: 18px;
}
			
#Social .fb
{
	width: 29px;
	height: 29px;
	margin-right: 10px;
	background-image: url("fb.png");
	background-size: 29px 29px;
}
						
#Social .fb:after
{
	/* preloading highlight state */
	content: url("fb-highlight.png");
	display: none;
}

#Social .fb:hover
{
	background-image: url("fb-highlight.png");
}

#Social .twitter
{
	width: 29px;
	height: 29px;
	margin-right: 10px;
	background-image: url("twitter.png");
	background-size: 29px 29px;
}

#Social .twitter:after
{
	/* preloading highlight state */
	content: url("twitter-highlight.png");
	display: none;
}

#Social .twitter:hover
{
	background-image: url("twitter-highlight.png");
}

#Social .linkedin
{
	width: 29px;
	height: 29px;
	margin-right: 10px;
	background-image: url("linkedin.png");
	background-size: 29px 29px;
}

#Social .linkedin:after
{
	/* preloading highlight state */
	content: url("linkedin-highlight.png");
	display: none;
}

#Social .linkedin:hover
{
	background-image: url("linkedin-highlight.png");
}

#Social .email
{
	width: 29px;
	height: 29px;
	background-image: url("mail.png");
	background-size: 29px 29px;
}

#Social .email:after
{
	/* preloading highlight state */
	content: url("mail-highlight.png");
	display: none;
}

#Social .email:hover
{
	background-image: url("mail-highlight.png");
}

@media (-webkit-min-device-pixel-ratio: 2)
{
	#RoundedPhoto
	{
		background-image: url("brian-2024@2x.jpg");
	}
	
	#Social .fb
	{
		background-image: url("fb@2x.png");
	}
	
	#Social .fb:after
	{
		/* preloading highlight state */
		content: url("fb-highlight@2x.png");
		display: none;
	}
	
	#Social .fb:hover
	{
		background-image: url("fb-highlight@2x.png");
	}
	
	#Social .twitter
	{
		background-image: url("twitter@2x.png");
	}
	
	#Social .twitter:after
	{
		/* preloading highlight state */
		content: url("twitter-highlight@2x.png");
		display: none;
	}
	
	#Social .twitter:hover
	{
		background-image: url("twitter-highlight@2x.png");
	}
	
	#Social .linkedin
	{
		background-image: url("linkedin@2x.png");
	}
	
	#Social .linkedin:after
	{
		/* preloading highlight state */
		content: url("linkedin-highlight@2x.png");
		display: none;
	}
	
	#Social .linkedin:hover
	{
		background-image: url("linkedin-highlight@2x.png");
	}

	#Social .email
	{
		background-image: url("mail@2x.png");
	}
	
	#Social .email:after
	{
		/* preloading highlight state */
		content: url("mail-highlight@2x.png");
		display: none;
	}
	
	#Social .email:hover
	{
		background-image: url("mail-highlight@2x.png");
	}		
}