html{
	width:1260px;
	margin:0;
}
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
header{
	width:1260px;
	height:230px;
	color:white;
	background-color: #132A5B;
	margin-top: 0;
}
header p{
	text-transform:uppercase;
	/* padding-bottom:10px; */
	font-size:32px;
	font-family:courier new;
}
header p:first-child{
	padding-bottom:5px;
	font-size:16px;
	color:#99F;
	font-family:courier new;
}
header li{
	color:#FFF;
}

header img {
	display:inline-block;
	width: 150px;
	height:150px;
	margin:10px;
}


header div{
	display:inline-block;
	width: 910px;
	text-align:center;
}

ul{
	list-style: none;
	margin-top:50px;
	margin: 0 35px;
}

li {
	display: inline-block;
	border: 5px solid #132A5B;
	height:20px;
	width:110px;
	padding:10px;
	text-align:center;
	border-radius:5px;
	background-color:#132A5B;
}


body{
	background-color:#edeef0;
}

footer{
	width:1260px;
	background-color: #132A5B;
	color:white;
	margin-bottom:0;
}

footer p{
	margin-left:20px;
}


li a{
	text-decoration: none;
	color:white;
}

li a:active{
	color:white;
}
li a:visited{
	color:white;
}
li a:hover{
	font-weight:bold;
	color:#99f;
}

main{
	width:1084px;
	margin:50px auto 20px auto;
	text-indent:40px;
	font-size:20px;
	padding:20px;
	font-family: 'EB Garamond', serif;
}

main.page_news{
	margin:0 auto;
	margin-top:  50px;
}

p.page_work{
	text-align:center;
	background-color:#132A5B;
	border:3px solid #132A5B;
	border-radius:50px;
	padding:15px;
	width:1110px;
}
p.page_work a{
	color:white;
	text-decoration:none;
}

p.page_work a:hover{
	color:white;
	font-weight:bold;
	color:#99f;

}

.adres{
	display:inline-block;
	width: 49%;
	height:160px;
}

.social{
	display:inline-block;
	width: 49%;
	text-align:right;
	height:160px;
}

h1{
	border:3px solid #132A5B;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	padding:5px;
	font-family:courier new;
	width:960px;
	margin:0 60px;
}

div.person{
	border-radius:55px;
	width:240px;
	height:590px;
	color:black;
	display:inline-block;
	margin:20px 5px;
	position:relative;
	font-family: 'Fira Code', monospace;
	font-size:14px;
}

div.person a{
	color:black;
}

div.person div:first-child{
	vertical-align: top;
	position:relative;
	left:-35px;
	top:10px;
	display:inline-block;
	height:340px;
	width:230px;
	border-radius:50px;
}

div.person div:nth-child(2){
	vertical-align: top;
	position:relative;
	width:230px;
	height:210px;
	margin:20px 5px 10px 5px;
	display:inline-block;
	text-indent:0;
	text-align:justify;
}

div.person img{
	border: 3px solid black;
	width:30px;
	height:30px;
	position:relative;
	left:100px;
	top:-10px;
}

div.person div:nth-child(2) p:first-child{
	text-align:center;
	font-weight:bold;
	font-size:120%;
}

.page_contacts p{
	margin-left:30px;
}

.page_contacts a{
	color:black;
		text-decoration:none;


}

.contacts a{
	display:block;
	width:940px;
	margin:0 60px;
	text-align:center;
	border:3px solid #132A5B;
	border-radius:50px;
	padding:15px;
	margin:20px auto;
	background-color:#132A5B;
	color:white;
	text-decoration:none;
}



.vid{
    margin: 0 auto;
    width:600px;
}
#vk_groups{
    margin-left: 0;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
iframe.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }