/* main.css */
@import url(normalize.css);

/*
  ========================================
  Clearfix
  ========================================
*/
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  clear: both;
  *zoom: 1;
}

/*
  ========================================
  Start Main Part
  ========================================

*/

body {
	font-family: "futura-pt", helvetica, sans-serif;
	color: #4A4A4A;
}

p {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	color: #4A4A4A;
}
a:hover, a:visited {
	color: #31679B;
	font-weight: 300;
}
.headerLine {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 10px;
	width: 100%;
	background-color: #31679B;
	margin-top: none;
	padding-top: none;
}

.container,
.grid {
	margin: 0 auto;
	width: 882px;
}
.container {
	margin-top: 135px;
}
.name {
	color: #31679B;
	font-size: 44px;
	font-weight: 700;
}
.welcomeMessage {
	/*color: #4A4A4A;*/
	font-size: 36px;
	margin-bottom: 63px;
}
.infoBox {
	float: left;
	width: 560px;
}
.employer {
	font-size: 20px;
	font-weight: 400;
}
.position {
	font-size: 20px;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 15px;
}
.contact {
	font-size: 18px;
	font-weight: 300;

}
.contactText {
	font-size: 18px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 20px;
}
.otherPlatforms {

}
a.mail svg,
a.linkedIn svg,
a.facebook svg {
	width: 40px;
	height: 40px;
	viewBox: "0 0 40 40";
}
a.mail path,
a.linkedIn path,
a.facebook path {
	fill: #A5A5A5;
}
a:hover.mail path,
a:hover.linkedIn path,
a:hover.facebook path {
	fill: #31679B;
}
.separatorDot {
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #31679B;
	display: inline-block;
}
.imageBox {
	float: right;
	width: 310px;
	height: 207px;
	padding-bottom: 0px;
}
.image {
	width: 100%;
	height: auto;
	border-bottom: 6px solid #31679B;
}