@charset "utf-8";

* {
	margin:0;
	padding:0;
}
body {
	font-family: "source-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 100%;
	line-height: 1.5em;
	color: #333;
	background: #efefea;
}
a {
	text-decoration: none;
	font-weight: 400;
}
a:link {
	color: #3333CC;
}
a:visited {
	color: #CC6699;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a img {
	border: none;
}
div.breaker {
	clear: both;
}

/* Phones */
@media only screen and (min-width : 320px) and (max-width : 600px) {
	h1 {
		font-weight: 700;
		font-size: 3em;
		margin-left: 5px;
		line-height: 1.5em;
	}
	h2 {
		font-weight: 700;
		font-size: 2em;
		line-height: 1em;
		margin-left: 5px;
	}
	h3 {
		font-weight: 700;
		font-size: 1.5em;
		line-height: 1.5em;
	}
	img.preview {
		display: none;
	}
	p {
		padding-bottom: 10px;
		font-size: 1em;
		line-height: 1.5em;
	}
	div.container {
		padding: 5px;
		margin: auto;
		width: 95%;
	}
	div.employer {
		background-color: #fff;
		width: 93%;
		padding: 10px;
		margin: 1%;
		clear: both;
		float: left;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
		-webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
		box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
	}
	div.project {
		padding: 5px 0px 5px 0px;
		margin-left: 5px;
		clear: both;
	}
	div.description {
	}
	div.preview {
	}
	div.contactbox {
		margin-left: 10px;
		width: 90%;
	}
	div.contact {
		margin-top: 1em;
		margin-left: 15px;
	}
}

/* Tablets */
@media only screen and (min-width : 600px) and (max-width : 1024px) {
	h1 {
		font-weight: 700;
		font-size: 3em;
		margin-left: 10px;
		line-height: 1.5em;
	}
	h2 {
		font-weight: 700;
		font-size: 2em;
		line-height: 1em;
		margin-left: 10px;
	}
	h3 {
		font-weight: 700;
		font-size: 1em;
		line-height: 1.5em;
	}
	img.preview {
		display: none;
	}
	p {
		padding-bottom: 10px;
		font-size: 1em;
		line-height: 1.5em;
	}
	div.container {
		padding: 10px;
		margin: auto;
		width: 95%;
	}
	div.employer {
		background-color: #fff;
		width: 93%;
		padding: 20px;
		margin: 1%;
		clear: both;
		float: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
		-webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
		box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
	}
	div.project {
		padding: 10px 0px 10px 0px;
		margin-left: 10px;
		clear: both;
	}
	div.description {
	}
	div.preview {
	}
	div.contactbox {
		margin-left: 10px;
		width: 90%;
	}
	div.contact {
		margin-top: 1em;
		margin-left: 15px;
	}
}

/* Desktop */
@media only screen and (min-width : 1024px) {
	h1 {
		font-weight: 700;
		font-size: 4.25em;
		margin-left: 10px;
		line-height: 1em;
	}
	h2 {
		font-weight: 700;
		font-size: 2em;
		line-height: 1em;
		margin-left: 10px;
	}
	h3 {
		font-weight: 700;
		font-size: 1em;
		line-height: 1.5em;
	}
	img.preview {
		border: 3px solid #ddd;
	}
	p {
		padding-bottom: 20px;
		font-size: 0.9em;
		line-height: 1.4em;
	}
	div.container {
		padding: 10px;
		margin: auto;
		width: 1000px;
	}
	div.employer {
		background-color: #fff;
		padding: 40px;
		margin: 10px;
		clear: both;
		float: left;
		width: 900px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		-moz-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
		-webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
		box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
	}
	div.project {
		padding: 20px 0px 10px 0px;
		margin-left: 10px;
		clear: both;
	}
	div.description {
		width: 600px;
		float: left;
	}
	div.preview {
		float: right;
		width: 260px;
	}
	div.contactbox {
		float: right;
		width: 260px;
		margin-top: auto;
		margin-bottom: auto;
	}
	div.contact {
		margin-top: 1em;
		margin-left: 15px;
	}
}