.image { width:40%; }
.info  { width:60%; }

.alternate-odd  .info  { float:left;  text-align:right; }
.alternate-even .info  { float:right; text-align:left;  }
.alternate-even .image { left:0;  }
.alternate-odd  .image { right:0; }

.alternate-odd ul {
	direction:rtl;
}
.alternate-odd li:after {
	content: "\200E";
}

#infrastructures {
	margin-top:1.5%;
	border-top:1px solid #E4E7E7;
	margin-bottom:5.5%;
}
.infrastructure {
	border-bottom:1px solid #E4E7E7;
	position:relative;
}

/* IMAGE BOX */
.image {
	position:absolute;
	height:100%;
	top:0;
	background-color:#F8F8F8;
}
.image-inner {
	position:relative;
	height:100%;
	width:100%;
}
.image img {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	max-width:70%;
	max-height:70%;
}
/* END IMAGE BOX */

/* INFO BOX */
.info {
	color:#384E53;
	min-height:320px;
}
.info-inner {
	padding:6% 7%;
}
.title {
	font-size:20px;
}
.description {
	font-size:15px;
	margin-top:4%;
	line-height:160%;
}
.description li {
	list-style-image: url(/themes/default/images/bulletpoint.png); /* Doesn't work on localhost */
}
/* END INFO BOX */

@media all and (max-width: 769px) {
	.info-inner {
		padding:4% 5%;
	}
	.description {
		font-size:14px;
	}
}
@media all and (max-width: 640px) {
	.info-inner {
		padding:4% 6%;
	}
	info, .alternate-odd ul {
		direction:initial;
	}
	.info {
		width:100%;
		text-align:left;
		min-height:initial;
	}
	.alternate-odd .info {
		text-align:left;
	}
	.info ul {
		padding-left:15px;
	}
	.image {
		position:relative;
		z-index:1;width:100%;
		text-align:center;
		margin-top:4%;
		background:none;
	}
	.image img {
		max-height:100px;
		max-width:50%;
		position:relative;
	}
}
@media all and (max-width: 400px) {
	.title {       font-size:19px; }
	.description { font-size:13px; }
}