/* General styles */
.gen-block {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
	padding: 0px;
/*  height: 576px */
  background-image: url("bg.jpg"); background-color: #e0e0e0;
/*	background-color: #e0e0e0e0; */

}

.block1 {width: 1024px; margin:0 auto;  background-image: url("/bg.jpg"); background-color: #e0e0e0;}

/* img {
    max-width: 100%;
    max-height: 100%;
} */
.top-header {
  position: absolute;
/*  background-color: white;   */
  top: 0px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
 	background: rgba(90, 90, 90, 0.5); /* Цвет фона и прозрачность фона*/
/*	background: #e0e0e0;  Цвет фона */
  z-index: 10;
  text-align:center
}

.header-menu {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 30px;
  background-color: #444400;
  text-align:center;
}

.footer-menu {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 30px;
  background-color: #444400;
  text-align:center
}

.menu {

  color: #ffb300;
  font: 20px Arial, sans-serif
}

.txt {
	margin-right: auto;
	margin-left: auto;
  width: 1000px;
}

.land {
   width: 490px;
   height: 330px;
   border: 5px #515151;
	margin-left: 10px;
	margin-right: 10px;
	object-fit: contain;
	float: left;
}
.portr {
   width: 330px;
   height: 490px;
   border: 5px #515151;
	margin-left: 10px;
	margin-right: 10px;
	object-fit: contain;
	float: left;
}
/*
Значения свойства object-fit:
fill — изображение заполняет всю доступную область элемента, при этом его пропорции могут быть искажены. 
contain — изображение пропорционально масштабируется, чтобы целиком поместиться внутри родительского элемента. При этом изображение может иметь пустые области по бокам, сверху или снизу.
cover — изображение масштабируется таким образом, чтобы полностью заполнить родительский элемент. Пропорции сохранятся, но всё, что не поместится в размер бокса, обрежется.
*/