@charset "utf-8";
/* CSS Customize */

/*--------------------------------------------------------------
# Vision Section
--------------------------------------------------------------*/

@media (max-width: 440px) { 
	.section-title {
		text-align: center;
		padding-bottom: 20px;
		position: relative;
	}
	.section-title h2 {
		font-size: 26px;
		font-weight: 600;
		position: relative;
	}
	.section-title h2:before,
	.section-title h2:after {
		content: "";
		width: 40px;
		height: 3px;
		background: var(--accent-color);
		display: inline-block;
	}
	.section-title h2:before {
		margin: 0 10px 6px 0;
	}
	.section-title h2:after {
		margin: 0 0px 6px 10px;
	}
}

.vision .vision-container {
	background-image: url("bg_vision_100perc.png");
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
}

.vision .vision-container .vision-text-box {
	background-color: rgba(255,255,255,0.80);
}

.vision .vision-container .vision-text-box .vision-text-line {
	font-size: 16px;
	text-align: center;
}

.vision .vision-container .vision-text-box .vision-text-line .vision-txt-normal {
  font-size: 1em;
	font-weight: normal;
	color: #359765;
}

.vision .vision-container .vision-text-box .vision-text-line .vision-text-accent {
  font-size: 1.1em;
	font-weight: bolder;
	color: #ab7830;
	margin-left: 0.2em;
}

@media (min-width: 576px) { 
	.section-title {
		padding-bottom: 20px;
	}
	.section-title h2 {
		font-size: 28px;
		font-weight: 620;
	}
	.vision .vision-container {
		background-image: url("bg_vision_100perc.png");
		background-position: center bottom;
		background-size: 90%;
		background-repeat: no-repeat;
	}
	.vision .vision-container .vision-text-box .vision-text-line {
		font-size: 22px;
	}
}

@media (min-width: 768px) { 
	.section-title {
		padding-bottom: 20px;
	}
	.section-title h2 {
		font-size: 30px;
		font-weight: 700;
	}
	.vision .vision-container {
		background-image: url("bg_vision_100perc.png");
		background-size: 90%;
		background-position: center bottom;
		background-repeat: no-repeat;	
	}
	.vision .vision-container .vision-text-box .vision-text-line {
		font-size: 26px;
		text-align: center;
	}
}

@media (min-width: 992px) { 
	.vision .vision-container {
		background-image: url("bg_vision_100perc.png");
		background-size: 45%;
		background-position: right bottom;
		background-repeat: no-repeat;	
	}
	.vision .vision-container .vision-text-box {
		background-color: rgba(255,255,255,0);
		line-height: 300%;
	}
	.vision .vision-container .vision-text-box .vision-text-line {
		font-size: 30px;
		text-align: left;
		background-color: rgba(255,255,255,0.75);
		width: 80%;
	}
	.vision .vision-container .vision-text-box .vision-text-line .vision-text-accent {
		margin-left: 0px;
		font-size: 1.2em;
	}
	/*.with-stroke {
		text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
		1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
		-webkit-text-stroke: 2px #fff;
	}*/
}

@media (min-width: 1200px) { 
	.vision .vision-container {
		background-image: url("bg_vision_100perc.png");
		background-size: 45%;
		background-position: right bottom;
		background-repeat: no-repeat;	
	}
	.vision .vision-container .vision-text-box {
		background-color: rgba(255,255,255,0);
		line-height: 150%;
		height: 360px;
	}
	.vision .vision-container .vision-text-box .vision-text-line {
		font-size: 34px;
		text-align: left;
	}
	.vision .vision-container .vision-text-box .vision-text-line .vision-text-accent {
		margin-left: 0px;
		font-size: 1.2em;
	}
}

@media (min-width: 1400px) { 
	.vision .vision-container .vision-text-box {
		background-color: rgba(255,255,255,0);
		line-height: 100%;
		height: 400px;
	}
	.vision .vision-container .vision-text-box .vision-text-line {
		font-size: 38px;
		text-align: left;
	}
}

@media (min-width: 1900px) { 
	.vision .vision-container {
		background-image: url("bg_vision_100perc.png");
		background-size: 40%;
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	.vision .vision-container .vision-text-box {
		background-color: rgba(255,255,255,0);
		line-height: 100%;
		height: 400px;
	}
	.vision .vision-container .vision-text-box .vision-text-line {
		font-size: 42px;
		text-align: left;
	}
}