.projects{
	/*background-color: #;*/
	padding:40px 0;
}
.projects .item{
	background-color: var(--color-white);

}
.projects .date{
	background-color: var(--color-grey-panel);
	padding: 0 20px;
	font-size: 19px;
}
.projects .text{
	padding:30px 20px 30px 20px;
}

.projects .text h4{
	margin:0;
	font-size: 24px;
	color:var(--color-black);
	text-transform: none;
}
.projects .text p{
	margin:0;
	padding-bottom: 15px;
	color: var(--color-grey-mid);
}
.projects .text p:last-child{
	padding-bottom: 0;
}

.projects .item img{
	display: block;
}
.projects .text .btn{
	text-transform: uppercase;
}



.projects .toprow{
	display: flex;
	min-height: 490px;
	margin: 60px 0 100px 0;
}
.projects .toprow .text{
	height: 100%;
	background-color: var(--color-grey-border-light);
}

.projects .toprow .col.l5{
	padding-left: 0px;
}
.projects .toprow .col.l7{
	padding-right: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.projects .toprow .text{
	padding: 30px 20px 30px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.projects .toprow .text h4{
	color:var(--color-white);
}

.projects .toprow .client{
	text-transform: uppercase;
	font-weight: 700;
}
.projects .toprow h4{
	font-size: 27px;		
}
.projects .toprow p{
	font-size: 18px;
	margin-bottom: 30px;
}
.projects .toprow p:last-child{
	margin-bottom: 0;
}


@media (max-width: 767px){
	.projects{
		padding:0;
	}
	.projects .toprow{
		display: block;
	}
	.projects .toprow .col.l7{
		height: 260px;
	}
	.projects .toprow .col.l5 {
		padding:0;
	}

	.projects .toprow .text{
		padding:20px 20px;
	}
}