body {
	background:#fafafa;
	color:#333;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
}

.wrapper {
	box-sizing:border-box;
	margin:auto;
	max-width:1000px;
	padding:50px;
	position:relative;
	width:100%;
}

.wrapper:before {
	border:1px solid #333;
	bottom:0;
	content:"";
	left:50%;
	position:absolute;
	top:700px;
	transform: translate(-50%);
	z-index:-1;
}

header {
	padding:75px 0;
	text-align:center;
}

	header h1 {
		border:3px solid #333;
		box-sizing:border-box;
		font-size:2.4em;
		font-weight:100;
		letter-spacing:0.4em;
		margin:auto;
		max-width:675px;
		padding:20px;
		text-transform:uppercase;
		width:100%;
	}

		header h1 span {
			font-weight:800;
		}

	header h2 {
		font-size:1.5em;
		font-weight:500;
		letter-spacing:0.3em;
		margin:40px 0;
		text-transform:uppercase;
	}

	header img {
		border:1px solid #f0f0f0;
		border-radius:125px;
		height:250px;
		margin-top:40px;
		width:250px;
	}

h3, p {
	line-height:1.5em;
	margin-bottom:20px;
}

h4 {
	font-weight:500;
}

li {
	list-style:none;
	margin:10px;
	padding:0;
}

	li::before {
	  content: "•";
	  color: #2ba300;
	  font-family:Arial, Helvetica, sans-serif;
	  padding-right:10px;
	}

	li ul {
		margin-bottom:15px;
	}

a {
	color:#2ba300;
	text-decoration:none;
}

	a:hover {
		text-decoration:underline;
	}

.content {
	clear:both;
	margin-bottom:100px;
	padding-bottom:10px;
	overflow:auto;
	text-align:justify;
}

	.content h3 {
		background:#fafafa;
		font-weight:500;
		letter-spacing:0.2em;
		margin-top:0;
		padding:4px;
		text-align:center;
		text-transform:uppercase;
	}

	.content p:last-child {
		margin-bottom:0;
	}

.profile {
	background:#fafafa;
	/*margin-top:100px;*/
	margin-top:50px;
}

	.profile p {
		background:#fafafa;
		padding:4px;
	}

.knowledge .left {
	box-sizing:border-box;
	float:left;
	padding-right:20px;
	text-align:right;
	width:50%;
}

.knowledge .right {
	box-sizing:border-box;
	float:right;
	padding-left:20px;
	text-align:left;
	width:50%;
}

	.knowledge ul {
		list-style:none;
		margin:0;
		padding:0;
	}

.qualifications {
	background:#fafafa;
	text-align:center;
}

	.qualifications ul {
		list-style:none;
		margin:0 0 10px;
		padding:0;
	}

.history .company {
	background:#fafafa;
	margin-top:50px;
}

	.history .company:after {
		border-top:2px solid #333;
		content:"";
		display:block;
		height:0px;
		margin:auto;
		width:20px;
	}

	.history .company:after {
		margin-top:10px;
	}

	.history .info {
		padding-top:12px;
		text-align:center;
	}

		.history .info h4 {
			margin-top:0;
			margin-bottom:5px;
		}

			.history .info h4 span {
				color:#999;
				font-family:Arial, Helvetica, sans-serif;
				padding:0 10px;
			}

		.history .info > span {
			color:#999;
			font-style:italic;
		}

	.history .highlights-container {
		padding-top:15px; 
		text-align: center;
	}

		.history .highlights {
			border: 1px dotted #999;
			display: inline-block;
		}

			.highlights h4 {
				color: #999;
				font-size: 0.8em;
				margin:10px 0;
			}

			.history .highlights ul {
				
				display: inline;
				margin: 5px;
				padding: 0;
			}

				.history .highlights li {
					display: inline-block;
					margin-top:0;
				}

@media screen and (max-width: 768px) {
    header h1 {
        font-size:1.7em;
        padding:15px;
    }

    header h2 {
        font-size:1.2em;
    }
}

@media screen and (max-width: 600px) {
    .wrapper {
        padding:20px;
    }

        .wrapper:before {
            top:590px;
        }

    header {
        padding:50px 0;
    }

        header h1 {
            letter-spacing:0.2em;
        }

        header h2 {
            letter-spacing:0.1em;
        }

    ul {
        padding-left:10px;
    }

    .profile {
        margin-top:50px;
    }
}

@media screen and (max-width: 350px) {
    header img {
        border-radius:90px;
        height:200px;
        margin-top:0;
        width:200px;
    }

    .content {
        text-align:left;
    }
}