.container{width: 80%;max-width: 69em;margin: 0 auto;padding: 2em 1.875em 1.5em 1.875em;}
.container h3{position: relative;font-size: 30px;margin: 10px 0;margin-top: 40px}
.container h3:before{content: '';display: block;position: relative;width: 5%;height: 3px;margin: 6px 0;
background-color:red; }
.container .vision {padding-top: 2em;}
.container .vision  ul {display: flex;justify-content: space-between;}
.container .vision  ul li{position: relative;list-style: none;text-align: center;width: 31.3333333%;}

.container .vision  ul li div{position: relative;border: 1px solid #5185c9;padding: 45px 0;height: 250px;}
.container .vision  ul li div:before{content: '';display: inline-block;position:absolute;
top: 0px;left: 50%;width: 45px;height: 2px;background: #000;transform: translateX(-50%);}
.container .vision  ul li div strong{display: block;padding: 25px 0 7px; color:#305891;font-size: 1.5em;
letter-spacing: -0.05em;}
.container .vision  ul li div p{color: #7f7f7f;font-size: 0.9em;font-weight: 300;letter-spacing:-0.05em;
opacity: 0.7;line-height: 1.5em; }

.container .imgText{position: relative;margin-top: 1em;width: 100%;padding: 190px 0;background: url(../images/imgText_new.jpg)#e5e5eb;
background-position: center center;background-repeat: no-repeat;text-align: center;color: #b7d9f7;
font-size: 3em;line-height: 140%}
.container .imgText strong{position: relative;left:0;top: 0;}
@media screen and (max-width: 1200px){
	.container .vision  ul {display: inline;}
	.container .vision  ul li{width: 100%;margin: 1em 0;}
	.container .imgText{font-size: 2em;}
}

@media screen and (max-width: 950px){
	.container .imgText{font-size: 1.5em;}
}

@media screen and (max-width: 690px){
	.container .imgText{font-size: 1.2em;}
	.container .imgText{padding: 150px 0;}
}

@media screen and (max-width: 580px){
	.container .imgText{font-size: 1em;}
}

@media screen and (max-width: 470px){
	.container .imgText{font-size: 0.7em;}
}