/* Mobile styles */
.a-header{
	height: 156px;
	line-height:156px;
	background: url(/applications/default/media/images/about/header.jpg);
	background-size: cover;
	
	color: #fff;
	text-align:center;	
	margin-top: -10px;
}

.a-header h1{
	margin: 0;
	font-size: 24px;
}

.a-icon{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	
	width: 40px;
	height: 40px;
	
	background: #E4E7ED;
	color: #2759AD;
	border-radius: 5px;
	text-align:center;
	line-height:40px;
	font-size:20px;
}

.a-section{
	margin: 20px 20px 40px 20px;
	color: #535353;
}

.a-section h2{
	color: #2C3A48;
}

.a-img{
	max-width: 100%;
	height: auto;
}

.a-list{
	list-style-type:none;
	padding-left: 0;
	margin: 20px 0;
}

.a-list li{
	position: relative;
	padding-left:50px;
	height: 40px;
	line-height: 40px;
	margin: 15px 0 15px 0;
	/*vertical-align:middle;*/
}

.a-item-content{
	display:inline-block;
	line-height: 1.2em;
}

@media (max-width: 767px) {
	.a-hide-on-mobile{
		display:none;
	}
}

/* medium screen size */
@media (min-width: 768px) {
	.a-header{
		height: 200px;
		line-height:200px;
	}
	
	.a-header h1{
		font-size: 26px;
	}
	
	.a-list-wrap-on-desktop {
		display: flex;
		flex-wrap: wrap;
	}
	
	.a-list-wrap-on-desktop li{
		flex: 30%;
		box-sizing: content-box;
		margin: 10px 0;
	}
	
	.a-hide-on-desktop{
		display: none;
	}
	
	.a-section{
		display:flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom:20px;
	}
	
	.a-section:nth-child(2n+1){
	  flex-direction: row-reverse;
	}
	
	.a-section > *{
		max-width: 48%;
	}
}

/* big screen size */
@media (min-width: 1280px) {
	.a-header{
		height: 360px;
		line-height:360px;
	}
	
	.a-header h1{
		font-size: 28px;
	}
	
	.a-section{
		margin: 40px auto;
		max-width: 1024px;
	}
	
	
}