body{
	width: 90%;
	color: #555;
	margin: 0px auto;
}
.site-title{
	text-transform: uppercase; /* Заглавные буквы */
	font-family: Oswald;
	color: #191970;
    font-weight: 400;
	font-size: 48px;
}
.sub-title{
	font-family: 'Cormorant Infant';
	font-size: 18px;
	border-top:solid 2px #191970;
}
.header {
	display:grid;
	grid-template-columns: 1fr 5fr 1fr;
	align-items:center;
}
/*Стили для кнопки и раскрывающейся панели входа*/
.user{
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	cursor:pointer;
}
.user .user-icon{
	text-align: right;
}
.user-font{
	color: #191970;
    font-size: 32px;
	transition: 0.5s ease;
	margin-right:2px;
}
.user:hover .user-font{
	font-size: 32px;
	/*background: #191970;*/
	color: #4169E1;
	margin-right:2px;
}
.view-office{
	display:none;
}
.user-menu,
.view-office{
	display:none;
	flex-direction: column;
	position: absolute;
	width:170px;
	top:50%;
	right:0px;
	padding-top:20px;
	background: #fff;
}
.user:hover .user-menu,
.user:hover .view-office{
	display:block;
}
.user-menu li,
.view-office li{
	font-family:lora;
	font-weight:400;
	font-size:14px;
	color:#555;
	line-height:36px;
	list-style-type: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-left:20px;
	padding-right:20px;
}
.user-menu li:first-child,
.view-office li:first-child{
	border-top: 1px solid #ccc;
	padding-top:0px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.user-menu li:last-child,
.view-office li:last-child{
	padding-bottom:0px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.view-office li:last-child{
	color:#000;
	font-size:16px;
}
.user-menu li:hover,
.view-office li:hover{
	color:#4169E1;
}
/*Стили для блока форм на главной странице*/
.modal-box{
	display:none;
	position:fixed;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -205px;
	z-index: 60;
}
.modal-box-reg{
	display:none;
	position:fixed;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -275px;
	z-index: 60;
}
/*Стили для контента, который временный*/
.content{
	margin: 30px auto;
	width:330px;
	
}
.content p{
	text-align:center;
	font-family: Oswald;
	font-size: 22px;
}
.content pre{
	font-family: 'Cormorant Infant';
	font-size: 22px;
}
.content img{
	width:330px;
	height: auto;
}
.content a{
	font-family: Oswald;
	font-size: 22px;
	color:green;
}
.content-a{
	text-align:center;
}
/*Подвал*/
footer{
	height: 70px;
	border-top:solid 2px #191970;
	text-align:center;
	font-family: Oswald;
	font-size: 22px;
	color:#191970;
}