.header, .sidebar, .content, .footer { 
    padding: 10px; /* Поля */
/*    border: solid 1px #000; /* Параметры рамки */
/*    background: #e3e8cc; /* Цвет фона */	
  }
   .header { /* Верхняя часть с заголовком */
/*    background: #e3e8cc; /* Цвет фона */
	font-family: Impact,Arial;
	font-size: 22px;
	font-style:bold;
/*        background-image:url("../Images/yellow_road.png");*/
   }
   .footer {     
	font-family: Arial;
	font-size: 12px;
	font-style:bold;
	text-decoration:none;
   }
   .layout {
    margin: 15px 0; /* Отступы сверху и снизу */ 
    overflow: hidden; /* Отменяем действие float */
    min-width: 800px; /* Минимальная ширина */
    max-width: 1200px; /* Максимальная ширина */
   }
   .sidebar { /* Навигация по сайту */
    width: 200px; /* Ширина меню */
    float: left; /* Состыковка с другим слоем по горизонтали */
	font-family: Arial;
	font-size: 12px;
    background: #fff; /* Цвет фона */
    border: none; /* Параметры рамки */
   }
   .sidebar ul {
    list-style: none; /* Убираем маркеры */
    padding: 0; /* Убираем отступы */
   }
   .newsbar { /* Навигация по сайту */
    width: 200px; /* Ширина меню */
    float: right; /* Состыковка с другим слоем по горизонтали */
	font-family: Arial;
	font-size: 12px;
    background: #fff; /* Цвет фона */
    border: none; /* Параметры рамки */
   }
   .newsbar ul {
    list-style: none; /* Убираем маркеры */
    padding: 0; /* Убираем отступы */
   }

   .content { /* Основное содержание страницы */
    margin-left: 235px; /* Отступ слева */
    margin-right: 235px; /* Отступ слева */
	font-family: Arial;
	font-size: 14px;
        text-align: justify; 
   }
   a{color:black;
   text-decoration:none;
   }
	a:hover{color:#E48010;
   text-decoration:none;
   }
   .left{
	margin:10px;
	background:#69c;
	float:left;
}
#photo{
	margin:10px;
	float:left;
}
#column{
	margin:10px;
	float:left;
}
@media screen and (max-width: 1162px) {
 .news{
    margin: 15px;  
    float: left; /* Состыковка с другим слоем по горизонтали */
    border: none;
   }
 .advert{
    margin: 15px;  
    float: left; /* Состыковка с другим слоем по горизонтали */
    border: none;
   }
}
@media screen and (min-width: 1162px) {
 .news{
    width: 45%; /* Ширина меню */
    margin: 15px;  
    float: left; /* Состыковка с другим слоем по горизонтали */
   }
 .advert{
    margin: 15px;  
    width: 45%; /* Ширина меню */
    float: left; /* Состыковка с другим слоем по горизонтали */
   }
}
   a.home:hover{
   color: black; text-decoration: none;
   } 
.flex-container {
  display: flex;
flex-direction: row;
}
.flex-container > div {
  margin: 5px;
}