.welcome p {
	color: white;
	font-family: 'Titillium Web', sans-serif;
}

.welcome h1 {
	color: white;
	font-family: 'Titillium Web', sans-serif;
}

.welcometext {
  background-color: transparent;
  position: absolute;
  max-width: 550px;
  padding: 0 20px;
  margin-bottom: 100px;
}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(50%);
}

.headersearch {
	position: relative;
	background: rgba(0,0,0,1);
}

@media only screen and (max-width: 3000px) {
	.welcome {
		position: absolute;
		left: 10%;
		top: 20%;
		max-width:  800px;
		background-color: rgba(0, 0, 0, 0.6);
		padding: 20px;
	}
	
	.welcome p {
		font-size: 120%;
	}
}

@media only screen and (max-width: 1200px) {
	.welcome {
		position: absolute;
		left: 10%;
		top: 20%;
		max-width:  500px;
		background-color: rgba(0, 0, 0, 0.6);
		padding: 20px;
	}
}

@media only screen and (max-width: 800px) {
	.welcome {
		display:none !important;
	}
}

#jobsearch {
    background: #004890;
	padding-bottom: 20px;
}

#jobsearch h2 {
    color: #FFF;
    font-family: 'Titillium Web', sans-serif;
    text-transform: capitalize !important;
    font-weight: normal !important;
    padding: 0 0 25px !important;
}

#results {
    background: #004890;
}

#results h2 {
    color: #FFF;
    font-family: 'Titillium Web', sans-serif;
    text-transform: capitalize !important;
    font-weight: normal !important;
}

#jobtable h2 {
    font-family: 'Titillium Web', sans-serif;
    text-transform: capitalize !important;
    font-weight: normal !important;
}

#job {
	padding-top:10px;
}

#jobtable {
	padding-top:20px;
	padding-bottom:30px;
}

#back {
	padding-top:20px;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

.flex-caption {
	position: relative;
}

.search-form {
	padding: 0px 0px;
}