.job-category:not(:first-of-type) 
{
	margin-top: 6rem
}
.job-category * {
	box-sizing: border-box
}
.job-category a {
	text-underline-offset: var(--offset, 0);
	-webkit-text-decoration: underline 1px;
	text-decoration: underline 1px;
	text-decoration-color: rgba(0, 0, 0, 0);
	transition: --offset 400ms, text-decoration-color 400ms, color 400ms;
	color: #277ca8
}
.job-category a:hover, .job-category a:focus {
	--offset: 2px;
	color: #6ebf44;
	text-decoration-color: #6ebf44
}

@supports not (background: paint(something)) {
	.job-category a {
		text-decoration: underline;
		-webkit-text-decoration: underline 1px;
		text-decoration: underline 1px;
		text-decoration-color: rgba(0, 0, 0, 0);
		transition: text-underline-offset 400ms, text-decoration-color 400ms, color 400ms;
		color: #277ca8
	}
	.job-category a:hover, .job-category a:focus {
		text-underline-offset: .15em;
		color: #6ebf44
	}
}

.job-category h2 {
	/*font-size: 3.8rem;*/
	margin-bottom: 2rem
}

@media(max-width: 870px) {
	.job-category h2 {
		font-size: 2.8rem
	}
}
.job-category .job-headings {
	display: flex;
	justify-content: space-between
}
@media(max-width: 870px) {
	.job-category .job-headings {
		display: none
	}
}
.job-category .job-headings span {
	display: block;
	font-weight: 700
}
.job-category .job-posting {
	border-top: 1px solid #d4d4d4
}
@media(min-width: 870px) {
	.job-category .job-posting {
		display: flex;
		justify-content: space-between;
		align-items: center
	}
}
.job-category .job-data {
	word-break: break-all
}

@media(min-width: 870px) 
{
	.job-category .job-headings>span, .job-category .job-posting>span {
		padding: 1rem 2rem 1rem 0
	}
	.job-category .job-headings>span:nth-of-type(1), .job-category .job-posting>span:nth-of-type(1) {
		width: 30%;
		padding-right: 2rem
	}
	.job-category .job-headings>span:nth-of-type(2), .job-category .job-posting>span:nth-of-type(2) {
		width: 25%
	}
	.job-category .job-headings>span:nth-of-type(3), .job-category .job-posting>span:nth-of-type(3) {
		width: 15%
	}
	.job-category .job-headings>span:nth-of-type(4), .job-category .job-posting>span:nth-of-type(4) {
		width: 12%
	}
	.job-category .job-headings>span:nth-of-type(5), .job-category .job-posting>span:nth-of-type(5) {
		width: 14%
	}
}

@media(max-width: 870px) 
{
	.job-category .job-posting {
		padding-bottom: 2rem
	}
	.job-category .job-posting>span {
		display: block
	}
	.job-category .job-data {
		margin-top: 2rem
	}
}

.hide-desktop {
	display: inline-block;
	font-weight: 700;
	width: 10rem
}
@media(min-width: 870px) {
	.hide-desktop {
		display: none
	}
}