@media all and (max-width: 1283px){

	.blok_kontakt2{
		font-size: 17px;
	}
	.waap{
		height: 40%;
	}

	.bottom2{
		width: 50%;
	}

	#intro_nameid {
		font-size: 100px;

	}

	.intro_name_2{
		font-size: 30px;
	}

	.name{
		font-size: 30px;
		margin-left: 20px;
	}

	.name2{
		font-size: 20px;
		margin-left: 20px;
	}
		#but_2{
		width: 160px;
		height: 80px;
	}

	.o_nas{
	
		font-size: 90%;
	}

}

@media all and (max-width: 622px){
	#intro_nameid {
		font-size: 40px;
	}
	.intro_name_2{
		font-size: 20px;
	}
	 #main4{
	 	height: 270vh;
	 }

	 .line{
	 	height: 0%;
	 	width: 0%;
	 	border: none;
	 }

	 .name_page{
	 	height: 5%;
	 }

	 .comment{
	 	height: 5%;
	 }

	 .comment2{
	 	height: 5%;
	 }
	
}

@media all and (min-width: 900px){

	.intro{
		background:url('../img2/glav33.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}
}


@media all and (max-width: 900px){
	.name_page{
		font-size: 13px;
	}

	.menu2{
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
	.price_list_22{
		display: flex;
		justify-content: flex-start;
	}


	.avto{
		width: 60%;
		height: 70%;
		
	}

	.transfer{
		width: 60%;
		

		
	}
	.domik{
		width: 60%;

		
	}

	.ekskyrsiy{
		width: 60%;
		
		
	}
	.jakuzi{
		width: 60%;
		
		
	}



	.img_1{
		max-width: 100%;
	display: block;
	height: auto;
		
	}

	.img_2{
		max-width: 100%;
	display: block;
	height: auto;
		
	}

	.img_3{
		max-width: 100%;
	display: block;
	height: auto;
		
	}

	.img_4{
		max-width: 100%;
	display: block;
	height: auto;
		
	}

	.main_page{
		display: flex;
		flex-direction: column;
	}

	

	.o_nas{

		width: 600px;
		height: 40%;
		font-size: 80%;

	}

.left_page{
	width: 500px;
	justify-content: center;
	align-items: flex-end;
}

.textdno{
	text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
	width: 100%;
	font-size: 120%;
	height: 60%;
}

.textdno2{
	width: 100%;
	height: 60%;
	font-size: 120%;
	text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.dnofoto2{
	background-image: url('../img2/komfort2.jpeg');
}

.right_page{
	width: 500px;
	justify-content: center;
	align-items: flex-start;
	
}
	.main_page2{
		display: flex;
		flex-direction: column;
	}

	.comment{
		text-align:center;
	}
		
		.soc_seti_1{
		margin: 0 10% 0 0;
		}

		.soc_seti_2{
		margin: 0 10% 0 0;
		}

		#intro_nameid {
		font-size: 80px;
	}

	.intro_name_2{
		font-size: 25px;
	}

	.name{
		font-size: 25px;
		
	}

	.name2{
		font-size: 15px;
		
	}

	.but_domik{
		font-size: 10px;
		text-align:center;
	}

	.but_ekskyrsiy{
		font-size: 10px;
		text-align:center;
	}
	.blok_text{
		font-size: 11px;
		text-align:center;
	}
}

@media all and (max-width: 670px){
	body{
		font-family: 'Montserrat';

	}


	.prem{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 20vh;
		
	}

	.img_icon1{
		margin: 0 0 0 30%;
		
	}
	

.header{
	
	padding-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: 10%;
}

.head{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	color: white;
	margin: 0 auto;
	font-size: 30px;
	

	
}
.name{
	font-weight: bold;
	width: 100%;
	cursor: default;
	transition: .2s;
	font-size: 110%;


}
.name2{
	display: flex;
	align-items: flex-start;


}


.ur_info{
	height: 14vh;
}

	.karta2{

	}
	.intro{
		height: 120vh;
	}

	#main2{
		height: 120vh;
	}

	.comment3onas{
		font-size: 14px;
		height: 60%;
		margin: 0 0 7% 0;
	}

	

	.img_icon{
		margin: 20px 0 0 0;
	}

	.img_domik2{
		margin-top: 30px;

	}

	.img_domik3{
		margin-top: 30px;

	}

	.name_page{
		height: 33px;
	}

	.comment{
		height: 10%;
	}

	.comment2{
		height: 10%;
	}

	

	.but_shale{
		margin: 10px 0 0 0;
		width: 90px;
		height: 30px;
		font-size: 12px;
	}

	.txt_domik{
		font-size: 10px;
		height: 40%;
		margin: 5px;
		
	}

	.img_domik1{
		width: 90%;

		
	}
	.img_domik2{
		width: 90%;
	}
	.img_domik3{
		width: 90%;
	}

	.osnova_img1{
		width: 45%;
		height: 100%;
		background-image: url(../img2/Shale3/shale33/1.jpg);
	}

	.osnova_img2{
		width: 45%;
		height: 100%;
		background-image: url(../img2/mainmoral.jpg);
	}

	.osnova_img3{
		width: 45%;
		height: 100%;
		background-image: url(../img2/shale5/shale55/30.jpg);
	}

	.osnova_img4{
		width: 45%;
		height: 100%;
		background-image: url(../img2/Shale4/Shale44/17.jpg);
	}

	.osnova_img5{
		width: 45%;
		height: 100%;
		background-image: url(../img2/shale5/shale55/30.jpg);
	}


	.osnova_img6{
		width: 45%;
		height: 100%;
		background-image: url(../img2/shale6/shale66/1.jpg);
		
	}



	.domik_page{
		display: flex;
		flex-direction: column;
		background-size: cover;

	}

	.main_page_1{
		background-size: cover;
		height: 190vh;
	}

	#main3{
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	

	#main33{
		
		height: 60vh;
	}

	.blok_kontakt_adress{
		margin: 0 0 80px 0;
	}

	.line2{
		border-right: none;
	}

	.o_nas{
	
		font-size: 70%;
	}

	.but_domik{
		font-size: 9px;
	}

	.but_ekskyrsiy{
		font-size: 9px;
	}
	.blok_text{
		font-size: 9px;
	}

.name{
		font-size: 30px;
		
	}
		
		#intro_nameid {
		font-size: 60px;
		margin-left: 20px;
		
	}
	.intro_name_2{
		font-size: 25px;
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
		margin-left: 20px;


	}




	.intro_name{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		
	}

	#blok_niz{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		

		
	}

	.but_bloki_2{
		margin-left: 17px;
		align-items: flex-end;
		justify-content: flex-start;
	}
	

	.head_2{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		
		margin: 70% 7% 0 0;
		width: 50%;
		height: 400%;
		

	}

	.nav{
		margin: 35% 0 0 0;
		font-size: 150%;
		font-weight: 900;
		font-family: 'Montserrat';
		text-transform: uppercase;

}




@media all and (max-width: 500px){
	#intro_nameid {
		font-size: 50px;
		
	}

	#main2{
		height: 125vh;
	}

	#main3{
		height: 125vh;
	}
	

	.name_page{
		font-size: 9px;
	}

	.comment{
		font-size: 11px;
	}

	.comment2{
		font-size: 11px;
	}

	.comment3onas{
		font-size: 12px;
		height: 60%;
		margin: 0 0 7% 0;
	}

	.comment3{
		font-size: 11px;
		height: 6%;
	}

	.avto{
		width: 75%;
		
	}

	.Vkontakte{
		margin: 20px 0 0 0;
	}

	.transfer{
		width: 75%;
		
	}
	.domik{
		width: 75%;
		
	}

	.ekskyrsiy{
		width: 75%;
		
	}

	.jakuzi{
		width: 75%;
	}

	.kontakt{
		font-size: 16px;
	}

	.kontaktO{
		font-size: 16px;

	}

	.blok_kontakt2{
		font-size: 15px;
	}

	.blok_kontakt1{
		font-size: 15px;
	}

	.left_page{
	width: 400px;
	
}

	.right_page{
		width: 400px;

		
	}


	.name{
		font-size: 23px;
		
	}

	.intro_name_2{
		font-size: 20px;
		

	}
}

@media all and (max-width: 500px){
	#intro_nameid {
		font-size: 45px;
		
	}
	.blok_kontaktO{
		font-size: 10px;
		

	}

	.bottom{
		margin: 0 0 15% 0;
		display: flex;
		justify-content: flex-start;
	}
	
	.intro_name_2{
		font-size: 15px;
		

	}
	.nav{
		font-size: 100%;
		position: static;
}
	#but_2{
			font-size: 90%;
			width: 50%;
			height: 25%;
		}

		.but_bloki_2{
			width: 90%;
			padding-top: 50px;

		}

	
}


@media all and (max-width: 400px){
	#intro_nameid {
		font-size: 40px;
		
	}

	.blok_kontakt2{
		font-size: 12px;
	}

	.blok_kontakt1{
		font-size: 13px;
	}

	.blok_kontakt{
		font-size: 13px;
	}

	.blok_kontaktO{
		font-size: 8px;

	}

	.left_page{
	
	width: 300px;
	
}

	.right_page{
		width: 300px;

		
	}
	.but_domik{
		font-size: 8px;
		
	}

	.but_ekskyrsiy{
		font-size: 8px;
		
	}
	.blok_text{
		font-size: 8px;
		
	}
	
	.intro_name_2{
		font-size: 15px;
		

	}
	.nav{
		font-size: 100%;
}
	#but_2{
			font-size: 120%;
			width: 70%;
			height: 60%;
		}

	
}

@media all and (max-width: 400px){
	#intro_nameid {
		font-size: 35px;
		
	}
	
	.intro_name_2{
		font-size: 15px;
		

	}
	.nav{
		font-size: 85%;
}
	#but_2{
			font-size: 70%;
			width: 60%;
			height: 25%;

		}
		

	#main3{
		height: 120vh;
	}

	.name{
		font-size: 20px;
		
	}

	.name2{
		font-size: 13px;
		
	}

.head_2{
	width: 70%;
}


	
}