@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=Raleway);


* {
	box-sizing: border-box;
}
html {
	/*background: url(images/sunset1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
}

/*body {
	background-color: rgba(255,255,255,0.7);
	font-family: 'Lora', serif;
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
*/

body {
	margin: 0;
}

header {
	background: white;
	border-bottom: solid 1px #d0d0d0;
	height: 65px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;

	display: flex;
	justify-content: center;
	flex-direction: column;

	color: #484848;
	font-family: 'Raleway', sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	text-transform: uppercase;

	z-index: 3;
}

.banner {
	background: url(images/sunset1.jpg) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

  	-webkit-box-shadow: inset 0 0 10rem rgba(0,0,0,.9);
  	-moz-box-shadow: inset 0 0 10rem rgba(0,0,0,.9);
  	box-shadow: inset 0 0 10rem rgba(0,0,0,.9);

  	height: 300px;
  	margin-top: 65px;
  	position: relative;
  	width: 100%;

  	display: flex;
	justify-content: center;
	flex-direction: column;
}

.banner:before {
	background: rgba(0,0,0,.3);
	content: '';
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;
	z-index: 1;
}

.banner__content {
	color: white;
  	font-family: 'Lora', sans-serif;
  	font-size: 1em;
  	font-weight: normal;
  	padding: 2em;
  	text-align: center;
	z-index: 2;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.banner__content__title {
	color: white;
  	font-family: 'Lora', sans-serif;
  	font-weight: bold;
}

.content {
	color: #8e8e8e;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding: 4em 1.5em;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.content a {
	color: orange;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content a:visited {
	color: orange;
}

.section {
	margin-bottom: 3em;
}

.experience {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.experience__brand {
	min-width: 150px;
	padding-right: 2em;
	text-align: center;
	width: 25%;
}

.experience__brand__img {
	max-width: 100%;
}

.experience__text {
	width: 75%;
}

.experience__text__hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.experience__text__title {
	margin-bottom: 0.3em
}

.experience__text__subtitle {
	margin-bottom: 0.3em
}

table th {
	padding-right: 1em;
}

h1,h2,h3,h4,h5 {
	color: #4099FF;
	font-family: 'Lora', sans-serif;
	font-weight: normal;
	margin-top: 0;
}