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

.conteiner__head{
	background-image: url("../images/natural/top_back.jpg");
	background-position: center;
	background-size: cover;
}

.conteiner__title{
	color: #fff;
	text-shadow: 0 0 4px #000;
}


@media screen and (max-width: 768px){
	.row2 .row__item{
		margin-bottom: 0;
	}
	.row__item .row__img{
		height: 36vw;
		position: relative;
		overflow: hidden;
	}
	.row__item .row__img img{
		height: auto;
		width: 100%;
	}
	.title-overlay__wrapper .title--overlay{
		height: 15%;
	}
	.title-overlay__wrapper .row__img img{
		top: 0;
		bottom: 0;
	}
}



.excep_natural_etv{
	width: 280px;
	margin: 40px auto;
}
.excep_natural_etv img{
	width: 100%;
}
@media screen and (max-width: 768px){
	.excep_natural_etv{
		width: 52vw;
	}
}



.natural_07_title, .natural_08_title, .natural_09_title{
	height: 76px;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.natural_07_title h3, .natural_08_title h3, .natural_09_title h3{
	font-size: 22px;
	font-weight: bold;
}
.natural_07_title{
	background: #fbc98e;
	background-image: url("../images/title01.png");
	background-repeat: no-repeat;
	background-position: 30px 50%;
}
.natural_08_title{
	background: #a7d9f7;
	background-image: url("../images/title02.png");
	background-repeat: no-repeat;
	background-position: 30px 50%;
	margin:  100px auto 0 auto;
}
.natural_09_title{
	background: #a8d994;
	background-image: url("../images/title03.png");
	background-repeat: no-repeat;
	background-position: 30px 50%;
	margin:  100px auto 0 auto;
}

@media screen and (max-width: 768px){
	.natural_07_title, .natural_08_title, .natural_09_title{
		height: 60px;
		width: 100%;
		padding: 0 30px;
		position: relative;
	}
	.natural_07_title h3, .natural_08_title h3, .natural_09_title h3{
		font-size: 18px;
	}
	.natural_07_title span, .natural_08_title span, .natural_09_title span{
		position: absolute;
		right: 10px;
		top: 40%;
	}
	.natural_07_title{
		background-position: 10px 50%;
	}
	.natural_08_title{
		background-position: 10px 50%;
		margin:  30px auto 0 auto;
	}
	.natural_09_title{
		background-position: 10px 50%;
		margin:  30px auto 0 auto;
	}
}

@media screen and (min-width: 769px){
	.excep_natural_img0506{
		width: 320px;
	}
}