.department-element {
	padding-bottom: 3rem;
}

.department-element .department-res {
	margin-bottom: 2.4rem;
}

.department-element .department-res > img {
	opacity: 1;
	backface-visibility: hidden;
	transition: opacity 0.2s linear;
}

.department-element .department-res > img:hover,
.department-element .department-res > a:hover {
	opacity: 0.5;
}

.department-element.department-align-left {
	text-align: left;
}

.department-element.department-align-center {
	text-align: center;
}

.department-element.department-align-right {
	text-align: right;
}

.department-element .department-res a {
	display: inline-block;
}

.department-element .department-res > a > .icon,
.department-element .department-res > .icon {
	display: inline-block;
	width: 8rem;
	height: 8rem;
	position: relative;
	top: 0;
	font-size: 3.2rem;
	margin-right: 0;
    border: 2px solid;
}

.department-element .department-res > a > .icon::before,
.department-element .department-res > .icon::before,
.department-element .department-res > a > .icon.svgicon:not([data-size]) .icon-set-img,
.department-element .department-res > .icon.svgicon:not([data-size]) .icon-set-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.department-element .department-title {
	margin-bottom: 1rem;
}

.department-element .department-title a:hover {
	text-decoration: underline;
}

.department-element .department-title a:hover .icon {
	text-decoration: none;
}

@-moz-document url-prefix() {
	.department-element > p .icon:not(.svgicon):not([data-size]) {
		top: 1px;
	}
}

@supports (-ms-ime-align:auto) {
	.department-element > p .icon:not(.svgicon):not([data-size]) {
		top: 1px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .department-element > p .icon:not(.svgicon):not([data-size]) {
		top: 1px;
	}
}

.department-element .department-btn {
	margin-top: 1.5rem;
}