@media only screen and (min-width: 1700px) { 

	body { display: grid; }
	
	header, main, section, footer {
		width: 1500px;
		justify-self: center;
   }
}


@media only screen and (max-width: 1250px) {
	
	body { padding: 1em 3em 0;}
	
}


@media only screen and (max-width: 1090px) {
	
	body { padding: 1em 1.5em 0;}	
}


@media only screen and (max-width: 970px) {
	
	header { font-size: 0.76em;}
	
	
	.logoBig {
		width: 200px;
		height: 50px;
		background-size: 200px 50px;
		
	}
	
	
	nav.moreThan_820 {
		grid-gap: 1.2em;
		margin-bottom: -0.6em;
	}
	
	
	section { grid-gap: 2em;}
	
	
	h1 { 
		
		margin: 1.3em 0 0;
		font-size: 1.7em;
	
	}
	
	
	.galleryIndex,
	.galleryPersonal-1,
	.galleryPersonal-2,
	.galleryText-1,
	.galleryText-2,
	.galleryApostille { 
		grid-area: 2 / 1 / 2 / -1;
		background-size: cover;
	}
	
	
	.text1,
	.text2,
	form { grid-area: 3 / 1 / 3 / -1;}

}


@media only screen and (max-width: 830px) {
	
	header { position: static;}
	
	.logoBig,
	.logoSmall {transition: 0.3s;}
	
	nav.moreThan_820 {
		display: none;
	}
	
	nav.less_820_more_440 {
		display: grid;
		grid-template-columns: repeat(5, auto);
		grid-gap: 1.5em;
		justify-content: space-between;
		align-items: center;
        border-radius: 50px;
		margin: 0;
		text-align: center;
	}
	
	.mobNavItems:hover {
		border-bottom: 3px solid orange;
		padding-bottom: 3px;
		transition: 0s;
}
	
	.MobBtn {
	    display: grid;
	    height: 45px;
	    width: 45px;
		align-content: center;
		justify-items: center;
        grid-row-gap: 0.4em;
        border-radius: 50%;
	    background-color: #331c1c;
	
	}

	
	.flagSmallBlock {
		display: grid;
		grid-template-columns: repeat(3, auto);
		justify-self: center;
		grid-gap: 3em;
		margin-top: 2em;
}
	
	.flags>img {
	opacity: 0.5;
	width: 25px;
	height: 25px;
	border-radius: 50%;
}
	
	
	.lines {
		display: grid;
		height: 3px;
		width: 20px;
		background-color: white;
		border-radius: 50px;
		transition: 0.3s;
	}
	
	
	.mobNavItems {
		transition: 0.4s;
		transform: scaleX(0) translateX(0%);
		transform-origin: right center;
		opacity: 0;
		visibility: hidden;
	}
    
        
    .MobBtn_active {
		grid-row-gap: 0;
	}
    
    .MobBtn_active .line1 {
		transform: rotate(-35deg);
		width: 12px;
		transform-origin: left bottom;
		border-radius: 50%;
		margin-bottom: -3px;
		margin-right: 10px;
	}


    .MobBtn_active .line3 {
		transform: rotate(35deg);
		width: 12px;
		transform-origin: left top;
		border-radius: 50%;
		margin-top: -3px;
		margin-right: 10px;
	}
    
    .mobNavItems_active {
		transform: scaleX(1) translateX(0%);
		opacity: 1;
		visibility: visible;
	}
    
    
	.logoBigDisappear {
		transform: scaleX(0) translateX(0%);
		transform-origin: left center;
	}
		
}


/*		СИДИМ ДОМА */
@media only screen and (max-width: 780px) {
	
	.centered {	font-size: 1em;}
	
	.announce {
	padding: 0 20px 0 20px;
	font-size: 1em;
	
	}

}
/*		КОНЕЦ БЛОКА СИДИМ ДОМА */


@media only screen and (max-width: 680px) {
		
	h1 {font-size: 1.6em;}
	
	.toHideOn680 {display: none;}
}


@media only screen and (max-width: 500px) {
	
	header {font-size: 0.65em;}
		
	nav.less_820_more_440 {justify-content: space-evenly; }
}


@media only screen and (max-width: 440px) {
	
	body {padding: 1em 0.8em 0;}
	
	.logoBig,
	nav.less_820_more_440,
	.flagSmallBlock { display: none;}
	
	
	.logoSmall {
		display: block;
		width: 180px;
		height: 45px;
		background: url("../images/logoSmall.png") no-repeat center;
		background-size: 180px 45px;
		margin-bottom: 2em;
		justify-self: center;
	}
	
	
	header {
		grid-template-columns: 1fr;
		border: none;
		position: static;
		background: url("../images/bg-darker.jpg") repeat center;
		box-shadow: none;
		padding: 0 5px;
	}
	
	
	h1 {font-size: 1.5em;}
	

	nav.less_440 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
		grid-gap: 2em 3em;
		align-items: center;
		justify-items: center;
		text-align: center;
	}
	
	.flagXSmallBlock {
		display: grid;
		grid-template-columns: repeat(3, auto);
		grid-gap: 2em;
		grid-column: 1 / -1;
	}
	
	.xsMobNavItems {
		display: grid;
		padding: 1em 0.7em;
		font-size: 1.2em;
		border-radius: 10px;
		width: 140px;
		background: url("../images/bg.jpg") repeat center;
		color: #8f2b61;
		box-shadow: -3px 4px 12px 0px #352929;
	}
	
	.text1,
	.text2 {
		box-shadow: none;
		padding: 0 1em;
	}
	
	
	.xsMobNavItems:hover {
		box-shadow: -3px 1px 12px 0px #352929;
	}
	
	.xsMobNavItems:active {
		box-shadow: inset -3px 4px 12px 0px #352929;
	}
	
/*
	section {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	}
*/
	
}

@media only screen and (max-width: 400px) {
	
	.galleryIndex,
	.galleryPersonal-1,
	.galleryPersonal-2,
	.galleryText-1,
	.galleryText-2,
	.galleryApostille {
		display: none;
	}
	
	section { grid-gap: 1em;}
}


@media only screen and (max-width: 240px) {
	
	body {	padding: 1em 0.2em 0; }
	h1{ font-size: 1em;}
	h2{ font-size: 1em;}
	
	.text1,
	.text2 {font-size: 0.9em;}
	
}


@media only screen and (max-width: 200px) {
	
	
	.logoSmall {
		width: 140px;
		height: 35px;
		background-size: 140px 35px;
		margin-bottom: 2em;
	}
	
	.phones,
	.adresses{
		font-size: 1em;
	}
	
	.text1,
	.text2 {
		font-size: 0.8em;
		padding: 0.5em;
	
	}
	

}

@media only screen and (max-width: 170px) {
	
	.text1,
	.text2 {
		font-size: 0.7em;
	}
}

@media only screen and (max-width: 152px) {
	
	
	.logoSmall {
		width: 120px;
		height: 30px;
		background-size: 120px 30px;
		margin-bottom: 2em;
		
	}
	
	.text1,
	.text2 {
		font-size: 0.6em;
	}

}



/*Минимум установить на 148 ширину, чутка уменьшить кнопки*/
@media only screen and (max-width: 148px) {
	
	.xsMobNavItems {
		font-size: 1.1em;
		width: 110px;
	
	}
	
	.flagXSmallBlock { grid-gap: 1.2em; }
	
	
}