body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
  }
  
  h1 {
  	color: #e3b64f;
    font-size: 24px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.50);
	/*margin-bottom: 10px;*/
    hyphens: auto;
    
    /*display: inline-block;*/
  	/*border-bottom: 2px solid white;*/
  	padding-bottom: 10px;
  	/*background-color: rgba(0, 0, 0, 0.6);*/
    padding: 10px;
    padding-left: 15px;
    border-radius: 5px;
  }
  
  	#menu_morph { margin-top: 50px; text-align: left; margin-right: 5px; clear: left; width: 340px; display: block; }
	#menu_morph a:link, #menu_morph a:visited          { background: #686868 url(images/button_bg.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; margin-right: 5px; cursor: pointer; }	
	#menu_morph a:hover, #menu_morph a:active          { background-color: #404040; }
	
	#lang_morph { color: white; text-align: left; margin-left: 3px; margin-right: 40px; margin-top: 50px; clear: left;  width: 120px; float: right; display: block;  }
	#lang_morph a:link, #lang_morph a:visited	{ /*background: #525f8a url(images/button_bg.png) repeat-x;*/ display: inline-block; padding: 5px 5px 5px; color: #fff; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; margin-right: 1px; cursor: pointer; }	
	#lang_morph a:hover, #lang_morph a:active	{ background-color: #404040; }
	
	.container a:link, .container a:visited { width: auto; background: #6b8a6f url(images/button_bg.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; margin-right: 5px; cursor: pointer; }
	.container a:hover, .container a:active { background-color: #404040; }
	
  	.footer { padding-top:35px; padding-bottom: 20px; padding-left: 17px; color: #fff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; clear: both; /* background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; */ }
  	
  	.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #c5c1c1; }
  	
  @media (min-width: 769px) {

  .container {
  		margin-top: 180px;
  		float: right;
  		margin-right: 50px;
  		
  	
  		width: 505px;
  	
  		color: #fff;
    	font-size: 14px;
    	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    	text-decoration: none;
    	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    	margin-bottom: 15px;
    	padding: 3px 13px 3px 3px;
    	hyphens: auto;
    	
    	clear: right;
    	background-color: rgba(0, 0, 0, 0.6);
    	padding-left: 17px;
    	border-radius: 5px;
  		hyphens: auto;
  	}
  	
  	#menu_morph { 
  	margin-top: 55px;
  	float: right;
  	}
  	
  	.container a:link, .container a:visited { margin-top: unset; width: auto; }
  	
  	.footer { text-align: unset; }
  	
  }
  @media (max-width: 768px) {
  	.container {
    	margin-top: 100px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    	/*height: 100%;*/
    	box-sizing: border-box;
    	text-align: center;
    	width: 90%;
    	margin-left: 20px;
    	
    	color: #fff;
    	font-size: 14px;
    	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    	text-decoration: none;
    	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    	margin-bottom: 15px;
    	padding: 3px 13px 3px 7px;
    	hyphens: auto;
    	background-color: rgba(0, 0, 0, 0.6);
    	padding-left: 17px;
    	border-radius: 5px;
    	hyphens: auto;
    	

  	}
  	
  	#menu_morph { 
  	float: none;
  	clear: both; 
  	padding-top: 30px; 
  	margin: 0 auto; 
  	/* float: right; */
  	text-align: center;
  	}
  	
  	}
  .logo {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 330px; /* Размер логотипа */
    height: auto;
  }
  
  
  .footer { text-align: center; }
  
  body {
  	/* height: 100vh; */
  }
  
  
  @media (max-width: 768px) {
    .logo {
      width: 200px; /* Размер логотипа на мобильных устройствах */
    }
  }
  @media (max-width: 768px) {
  .container a:link, .container a:visited { margin-top: 5px; width: 80%; }
  }
  
  li { margin-bottom: 10px;}