@font-face {
    font-family: Montserrat-Bold;
    src: url(fonts/Montserrat-Bold.woff); 
      }

@font-face {
    font-family: Montserrat-Light;
    src: url(fonts/Montserrat-Light.woff); 
      }
		
@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(fonts/Montserrat-ExtraLight.woff); 
      }

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(fonts/Montserrat-SemiBold.woff); 
      }


	  
	  h1 {
			font-family: 'Montserrat-Bold'; 
		    font-size: 44pt;
			Margin-left: 20%;
			color: white;
		}
			
		h2 {
			font-family: 'Montserrat-Light'; 
		    font-size: 18pt;
			Margin-left: 20%;
			color: white;
		}
			
		h3 {
			font-family: 'Montserrat-ExtraLight'; 
		    font-size: 16pt;
			Margin-left: 20%;
			color: white;
		}	
		

			td.bod {
		
		 font-family: 'Montserrat-Light'; 
		    font-size: 12pt;
			left-margin: 20pt;
			text-color: white;
			}
	  
		
		
		
		li {
		
		 font-family: 'Montserrat-Light'; 
		    font-size: 12pt;
			left-margin: 20pt;
			color: white;
			}
	  
	  
	 table.tab-top
	 {
	 max-width: 200px 
     }
	 
body {


            background-image: url('img/fon9.jpg'); /* Замените 'background.jpg' на путь к вашей картинке */
            background-size: cover; /* Для масштабирования картинки на весь экран */
			background-position: top center;/* Центрирование картинки */
            background-repeat: no-repeat;

            font-family: Arial, sans-serif;
            margin: 0;
            background-color: #000632;
            padding: 0px;
			text-color: white;
			
        }
		
		
       .footer {
            text-align: left;
            background-color: #000632;
            padding: 0;
			margin: 0;
        }
		
		 .header {
            text-align: left;
            1background-color: #000632;
            padding: 0px;
			text-color: white;
        }
		 
		
        .container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
			
        }
        .block {
            width: 400px;
            margin: 30px;
            padding: 20px;
            background-color: #000632;
			background-image: url('img/fon_sin2.jpg');
        }
        .block1 {
            text-align: left;
        }
        .block2 {
            text-align: left;
        }
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
                align-items: center;
            }
        }
		
		.footer {
		background-image: url('img/fon-bottom-middle.jpg'); /* Замените 'background.jpg' на путь к вашей картинке */
            background-size: cover; /* Для масштабирования картинки на весь экран */
			background-position: right bottom; /* Центрирование картинки */
			height: 404px;
			padding: 0pt;
			margin: 0pt;
			}
			
 img.i1 {
  width: 90%; /* Гибкость – наше всё */
  height: auto; /* Доверьтесь автоматике */
  object-fit: contain; /* Исключаем искажения пропорций */
  max-width: 400px;
  max-height: 405px;
  margin: 20px;
}

.bot {
font-family: 'Montserrat-SemiBold'; 
		    font-size: 12pt;
			Margin-left: 30%;
			color: white;
			
			}
.main_text {
			font-family: 'Montserrat-Light'; 
		    font-size: 18pt;
			margin: 0pt;
			padding: 0pt;
			color: white;
			width: 100%
		}	
		
		div.inblock {
		 margin: 20px;
		 padding: 10px;
		 1background-color: red;
		 background-image: url('img/fon-kos1.png');
		 }