.about_us{
	color: #365574;
}
h1{
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
h2{
	color: #365574;
	font-size: 16px;
	line-height: 1.5em;
}

.about_us-container{
	background-color: #F2F5F8;
}
h3{
	color: #000;
	line-height: 1.5em;
	font-size: 18px;
	margin-top: 0;
	text-align: justify;
}
.sub_title{
	font-weight: bold;
	font-size: 24px;
	color: #000;
	line-height: 1.2em;
}

.about_us ul{
	padding-left: 10px;
}
.about_us ul li{
	padding:0 0 12px 8px;
}
.about_us li{
	padding: 12px 0;
}

.col_vision{
	background-color: #056CC0;
	background: linear-gradient(180deg, #0088E7 0%, #0A55A0 100%);
}



.card_vision{
	max-width: 600px;
	
	border-radius: 20px;
	padding:40px;
	text-align: center;
	color: #fff;
	box-shadow: 0 10px 18px -4px rgba(8,92,169,0.4);
}
.card_vision h2{color: #fff;font-size: 30px;}
.card_vision p{
	font-size: 20px;
}


.values_item h3{
	font-size: 20px;
	color: #365574;
	margin: 0;
}


.card_motto{
	text-align: left;
	color: #fff;
	border-radius: 20px;
	padding:40px;
	color: #fff;
	box-shadow: 0 10px 18px -4px rgba(0,0,0,0.4);
}
.card_motto h2{
	color: #fff;
	font-size: 24px;
}

.card_values{
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 6px 16px -4px rgba(8,92,169,0.2);
}
.card_values p{margin-bottom: 0;}


@media (min-width:720px) {
	h1{text-align: left;}
	.card_vision{padding:30px;margin: 0 0 0 auto;}
	.col_vision-mission{padding-top: 20px;padding-left: 40px;}
	.card_motto{padding: 80px 60px;}
	
	.card_values{padding: 30px;margin-bottom: 40px;}
}
@media (min-width:1200px) {
	h1{font-size: 48px;}
	h2{font-size: 20px;}
	h3{font-size: 20px;}
	
	.sub_title{font-size: 36px;}
	.values_item h3{font-size: 24px;}
	
	.card_motto{padding: 120px 60px;}
	.card_motto h2{font-size: 32px;}
}