header{
		position:fixed;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		top:0;
		left:0;
		right:0;
		padding:0 10%;
		height:20vh;
		z-index:1000;
		background:none;
		transition:all 1s ease-out;
		}
header.header-page{
		height:10vh;
		background:#76AAE6;
		}
header.scroll,
header.header-page.scroll{
		height:10vh;
		background:#76AAE6;
		}	
			
header .inner-header{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:100%;
		height:100%;
		margin:0;
		}	
		
header .inner-header .logo{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		width:60px;
		height:60px;
		z-index:1;
		background:url(/img/logo.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left center;
		transition:all 1s ease-out;
		}		
header.header-page.scroll .inner-header .logo{
		width:45px;
		height:45px;
		}
	
header .inner-header .menu{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:center;
		align-items:center;
		width:85%;
		z-index:1002;
		}
header .inner-header .menu a{
		display:block;
		font-size:19px;
		font-weight:400;
		line-height:1.2;
		color:#555;
		margin:0 0 0 2%;
		text-transform:none;
		transition:all 1s ease-out;
		z-index:1003;
		font-family:'PT Sans', sans-serif;
		background:rgba(255, 255, 255, 0.8);
		padding:10px 15px;
		}
header .inner-header .menu a:hover{
		color:#555;
		background:rgba(254, 214, 118, 0.8);
		}
	
/* Гамбургер-меню для мобильных */
header .inner-header .hamburger{
		display:none;
		}	
	
.mobile-menu{
		display:none;
		}
	
	
@media only screen and (max-width:768px){
header{
		width:100%;
		height:10vh;
		}	
header .inner-header{
		position:relative;
		}			
header .inner-header .menu{
		display:none;
		}
		
/* Гамбургер-меню для мобильных */
header .inner-header .hamburger{
		display:block;
		position:relative;
		width:26px;
		height:20px;
		z-index:1000;
		cursor:pointer;
		}
		
header .inner-header .hamburger span{
		display:block;
		position:absolute;
		width:100%;
		height:4px;
		background:#FFF;
		transition:all 1s ease-out;
		}	
header .inner-header .hamburger span:nth-child(1){
		top:0;
		}		
header .inner-header .hamburger span:nth-child(2){
		top:8px;
		}
header .inner-header .hamburger span:nth-child(3){
		top:16px;
		}
		
/* Анимация гамбургера */
header .inner-header .hamburger.active span:nth-child(1){
		transform:rotate(45deg) translate(5px, 5px);
		}		
header .inner-header .hamburger.active span:nth-child(2){
		opacity:0;
		}		
header .inner-header .hamburger.active span:nth-child(3){
		transform:rotate(-45deg) translate(5px, -5px);
		}
		
/* Мобильное меню (исправлено) */
.mobile-menu{
		position:fixed;
		display:block;
		top:0;
		left:-100%;
		width:85%;
		max-width:320px;
		height:100vh;
		background:rgba(118, 170, 230, 1);
		z-index:999;
		padding:70px 20px 20px;
		transition:left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		overflow-y:auto;
		box-shadow:2px 0 10px rgba(0, 0, 0, 0.3);
		}	
.mobile-menu.active{
		left:0; /* Теперь меню выезжает слева */
		}		
/* Добавляем оверлей (опционально) */
.mobile-menu-overlay{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:rgba(118, 170, 230, 1);
		z-index:998;
		opacity:0;
		visibility:hidden;
		transition:all 0.4s ease;
		}
.mobile-menu-overlay.active{
		opacity:1;
		visibility:visible;
		}	
.mobile-menu a{
		display:block;
		font-size:19px;
		font-weight:400;
		line-height:1.2;
		color:#555;
		text-transform:none;
		transition:all 1s ease-out;
		z-index:1003;
		font-family:'PT Sans', sans-serif;
		background:rgba(255, 255, 255, 0.8);
		padding:15px 25px;
		margin:0 0 15px 0;
		}
.mobile-menu a:hover{
		color:#555;
		background:rgba(254, 214, 118, 0.8);
		}
		
}