.paralax_fon,
.paralax_fon_v{
	position: relative;
	width: 100%;
	height: 950px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	}

/* zadat prozrachnij niz dlja section*/
.paralax_fon:before,
.paralax_fon_v:before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to top, #ffffff,transparent);
	z-index: 20;
}

/* zrobit monohromno sinim*/
/*section:after{
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #6fa4d1;
	z-index: 20;
	mix-blend-mode: color;
}*/
section img{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	object-fit: cover;
	pointer-events: none;
}
#text1,
#text2{
	margin-left: -20%;
	margin-top: -27%;
	position: relative;
	font-size: 5em;
	z-index: 10;
	font-family: 'Rammetto One', cursive;
    color: #601d03;
}
#front{
	z-index: 2;
}




/*-----------------------------size adjustment------------------*/
@media (max-width : 320px ) {
	.paralax_fon_v{
		height: 400px;}
	.paralax_fon{
		display: none;
	}	
	#text2{
	margin-top: -75%;
	margin-left: 1%;
	font-size: 1.0em;}
	
}
@media (min-width : 320px ) and ( max-width : 550px ) {
	.paralax_fon_v{
		height: 500px;}
	.paralax_fon{
		display: none;
	}	
	#text2{
	margin-top: -75%;
	margin-left: 1%;
	font-size: 1.4em;}
	
}
@media (min-width : 550px )and ( max-width : 620px ){
	.paralax_fon_v{
		height: 600px;}
	.paralax_fon{
		display: none;
	}
	#text2{
	margin-top: -75%;
	margin-left: 1%;
	font-size: 1.8em;}
	
}
@media (min-width : 621px )and ( max-width : 767px ){

	.paralax_fon_v{
		height: 705px;}
	.paralax_fon{
		display: none;	}
	#text2{
	margin-top: -75%;
	margin-left: 1%;
	font-size: 2.2em;}
}
	

@media (min-width : 768px )and ( max-width : 1000px ){

	.paralax_fon{
		height: 400px;}
	.paralax_fon_v{
		display: none;	}
	 #text1{
		 
	margin-top: -28%;
	font-size: 2.2em;}
	
	
}
@media (min-width : 1001px )and ( max-width : 1400px ){
	.paralax_fon{
		height: 500px;}
	.paralax_fon_v{
		display: none;		
	}

   #text1{
	margin-top: -30%;
	font-size: 2.5em;}
}



@media (min-width : 1401px )and ( max-width : 2000px ){
   .paralax_fon{
		height: 600px;}
   .paralax_fon_v{
		display: none;
	}
	 #text1{
	margin-top: -30%;
	font-size: 3.5em;}

}

@media (min-width : 2001px ){
	.paralax_fon{
		height: 800px;}
   .paralax_fon_v{
		display: none;
	}
	
	
}