.intranet-hr-block {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: $bg-grey;
	margin-bottom: 10px;
	padding-top: 10px;
	.full-width-image {
		display: none;
	}
	a {
		margin-bottom: 0 !important;
		transition: color .3s;
		&:hover {
			color: $color-accent !important;
		}
	}
	h3 {
		font-weight: 700;
	}
	@media screen and (min-width: $bp-mobile) {
		padding-top: 0;
		margin-bottom: 0.5%;
		width: 49.5%;
		.full-width-image {
			display: block;
		}
		p {
			display: block;
		}
	}
	@media screen and (min-width: $bp-tablet) {
		width: 24.5%;
	}
}
.intranet-hr-block-alt {
	margin: 0.25%;
}
.intranet-hr-block-content {
	display: flex;
	flex-direction: column;
	padding: em(15) em(20);
	flex-grow: 1;
	@media screen and (min-width: $bp-mobile) {
		padding: em(25) em(20);
	}
}
.intranet-hr-contact {
	margin-bottom: 15px;
	display: block;
	p {
		width: 100% !important;
		a:first-of-type:hover {
			color: $color-primary !important; 
		}
	}
	
	@media screen and (min-width: $bp-laptop) {
		display: flex;
		p {
			width: 70%  !important;
		}
		div {
			justify-content: flex-end !important;
		}
	}
}
.hr-links {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px lighten($grey, 10%);
}
.intranet-hr-buttons {
	display: flex;
	flex-direction: column;
	padding: em(15) 0 0;
	height: 100%;
	align-items: flex-end;
	flex-grow: 1;
	height: 100%;
	justify-content: flex-end;
	a {
		width: 100%;
		&:hover {
			color: white !important;
		}
	}
	@media screen and (min-width: $bp-mobile) {
		padding: em(25) 0 0;
	}
}