@import url(https://fonts.googleapis.com/css?family=Lora);
header{
	/* Включаем режим Flexbox. */
	display: flex; 
	width:1500px;
	height:100px;
	background-image: url(image/office.jpg) ;
	background-repeat: no-repeat;
	background-position: 100% 100%
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	/* Распределяем элементы внутри шапки */
	justify-content: space-between;

	/* Выравниваем элементы вертикально по центру. */
	align-items: center;
}
body {
	background-image: url(image/office.jpg) ;
	background-repeat: no-repeat;
	background-position: 100% 100%
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
ul {
  list-style: none; 
  margin: 0 auto;
}
a {
  text-decoration: none;
  font-family: 'Lora', serif;
  transition: .5s linear;
}
i {
  margin-right: 10px;
}
nav {
  display: block;
  width: 900px;
  margin: 0 auto 30px;
}
.four ul {
  display: -webkit-flex; 
  display: flex;
  background: #FFD7A7;
  padding-left: 0;
  width: 900px;
}
.four a {
  padding: 1em;
  display: block;
  color: #9B4222;
  border-right: 1px solid #FFAB51;
  background: rgba(255, 171, 81, .3);
  width: 90px;
}
.four a:hover {background: #FFAB51}
.header-left {
	width: 15px
	high: 15px
}
.history {
	
  /*--  background-image: url(image/office.jpg) ;
	background-position: 100% 100%;*/
   }