.page-practice .practice-section {
	padding: 130px 10% 115px 15%;
	background-color: var(--offwhite);
}

.page-practice .practice-section-inner {
	max-width: 1300px;
	margin: 0 auto;
}

.page-practice .practice--options {
	border-bottom: solid 3px var(--secondary-color);
  padding-bottom: 5px;
  margin-bottom: 40px;
}

.page-practice .practice--options h4 {
	font-size: 30px;
  font-weight: var(--bold);
  margin-bottom: 10px;
}

.page-practice .practice--options h4:hover a {
	color: var(--secondary-color);
}

.page-practice .practice-items {
	display: flex;
	flex-wrap: wrap;
}

.page-practice .practice-item {
	width: calc(25% - 2px);
  border-right: solid 2px #fff;
  height: 170px;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.page-practice .practice-item:hover {
	background-color: var(--secondary-color);
}

.page-practice .practice-item p {
	color: white;
  font-size: 18px;
  font-weight: var(--medium);
}

.page-practice .practice-item:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 40px solid #c5a96c;
	border-left: 40px solid transparent;
	position: absolute;
	right: 3px;
	top: 3px;
}

@media(max-width: 1024px) {
	.page-practice .practice-section {
		padding: 50px 30px 30px;
	}

	.page-practice .practice-item p {
		font-size: 14px;
	}
}

@media(max-width: 900px) {
	.page-practice .practice--options h4 {
		font-size: 26px;
	}	
}

@media(max-width: 767px) {
	.page-template-practice-areas .hero-banner {
		height: 450px;
	}

	.page-template-practice-areas .hero-text {
		font-size: 29px;
		bottom: 90px;
	}

	.page-template-practice-areas .hero-subtext {
		max-width: 350px;
	}

	.page-practice .practice--options h4 {
		font-size: 24px;
	}

	.page-practice .practice-item {
		width: calc(50% - 2px);
    margin-bottom: 2px;
	}

	.page-practice .practice-item p {
		font-size: 12px;
	}
}