.title {
	color: #1ca679;
	text-align: center;
}

.filter-department-pddg {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1.5vh auto 3vh;
}
.filter-department {
	border-color: #dcdcdc;
	border-style: outset;
	border-radius: 1vh;
	cursor: pointer;
	font-size: 2.5vh;
	height: 4vh;
	padding: 1vh;
}
.filter-department-active {
	border-style: inset;
	background-color: #1ca679;
	color: #fff;
}
.filter-department-inactive {
	background-color: #215276;
	color: #fff;
}


.job-link {text-decoration: none;}
.job {
	border-color: #fefefe;
	border-radius: 1vh;
	border-style: ridge;
	color: #000;
	display: flex;
	margin: 2vh auto;
	padding: 1.5vh;
	width: 65%;
}
.sponsor {
	background-color: #1ca679;
	border-color: #000;
	color: #fff;
}
.job-logo {
	display: inline-flex;
	height: 18vh;
	justify-content: center;
	margin: auto 5vh auto auto;
}
.job-text {
	display: inline-flex;
	flex-wrap: wrap;
	min-height: 18vh;
	justify-content: center;
}
.job-name,
.job-company,
.job-location,
.job-tag,
.job-date {width: 100%;}
.job-name {font-weight: bold;}


/*fixed window*/
.new-ad {
	background-color: #215276;
	bottom: 30vh;
	color: #fff;
	opacity: .95;
	padding: 1vw;
	position: fixed;
	right: 0;
	width: 15vw;
}
.new-ad-close {
	cursor: pointer;
	float: right;
	font-size: 1.8em;
	position: relative;
	top: -2.5vh;
	right: -.5vw;
}


@media screen and (min-width: 825px) and (orientation: portrait) {
	.filter-department {
		font-size: 1.3vh;
		height: 2.2vh;
		padding: .5vh;
	}

	.job {width: 75%}
	.job-logo {height: 8vh;}
	.job-text {min-height: 8vh;}

	.new-ad {width: 20vw;}
	.new-ad-close {top: -1vh;}
}

@media screen and (max-width: 825px) {
	.new-ad {
		bottom: 0;
		position: -webkit-sticky;
		position: sticky;
		width: 100%;
	}
	.new-ad-close {top: -2vh;}
}

@media screen and (max-width: 825px) and (orientation: portrait) {
	.job {
		font-size: 2vh;
		width: 90%;
	}
}
@media screen and (max-width: 825px) and (orientation: landscape) {
	body {font-size: 1.8vw;}

	.filter-department {
		font-size: 2vw;
		height: 3vw;
	}

	.job {
		font-size: 2vw;
		width: 75%;
	}
	.job-logo {height: 18vw;}
	.job-text {min-height: 18vw;}
}