.leftborder {
	border-left: 2px solid #E4E4E4;
	padding-left: 40px;
	text-align: left;
}

.h2cont {
	position: relative;
	z-index: 2;
}
.h2cont-right h2 {right: 0}

.rows {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.rows > div {
	box-sizing: border-box;
}

.rows3 > div {
	padding-right: 40px;
	width: 33.3%;
}

.red-flex {
	margin-top: 60px;
	padding: 50px 50px;
	display: flex;
}

.red-flex > div {
	width: 50%;
	box-sizing: border-box;
}

.red-flex > div:first-of-type {
	text-align: right;
	padding-right: 35px;
	border-right: 1px solid white;
}
.red-flex > div:last-of-type {
	padding-left: 35px;
	text-align: left;
}

.red-flex .box-link {
	color: white;
	margin-left: 20px;
	margin-right: 20px;
}

.red-flex img {
	position: relative;
	top: 10px;
}


/* GRID: 1024px */
@media all and (max-width: 1024px) {
	
.leftborder {padding-left: 25px}
	
.red-flex {padding: 50px 20px}

.rows3 > div {
	padding-right: 25px;
}	
	
}


/* GRID: 750px */
@media all and (max-width: 750px) {
	
.leftborder {
	border-left: none;
	padding-left: 0;
}

.rows3 > div {
	padding: 0;
	width: 100%;
}	

.red-flex {
	padding: 40px 20px;
	margin-top: 40px;
}	

.red-flex > div:first-of-type {padding-right: 20px}
.red-flex > div:last-of-type {padding-left: 20px}

.red-flex img {display: none}

.red-flex .box-link {
	margin-left: 0;
	margin-right: 0;
}
	
}


/* GRID: 500px */
@media all and (max-width: 500px) {
	
.red-flex {
	padding: 40px 15px;
	display: block;
}		
	
.red-flex > div {
	width: 100%;
	padding: 0 !important;
	text-align: center !important;
	border: none !important;
}	

.red-flex > div:first-of-type {margin-bottom: 40px}
	
}