html, body, ul, li,content{
	margin: 0;
	padding:0;
}

.wrapper{
	width:100%;
	margin:0 auto;
	height:inhterit;
	
}






/*Навигатор меню*/
.navigator{
	background:#b9d3fa;
	margin-bottom:30px;
	margin-top:30px;
	padding:20px;
}
.navigator-menu{
	display: flex;
	flex-direction:row;
	width:80%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.name{
	width:90%;
	margin:0 auto;
	margin-bottom:10px;
	color:#0442a5;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:1.2em;
	font-weight:600;
}

.block-navigator-menu{
	width:33%;
    vertical-align:top;
}

.block-navigator-menu li{
	margin-left: 10px;
	margin-top:1px;
	padding:10px;
	font-family: 'Montserrat', sans-serif;
	
	font-size:1em;
	list-style:none;
}

.block-navigator-menu li a{
	color:#0442a5;
	text-decoration:none;
}

/*Конец Навигатор меню*/


/* Меню подвал*/


.footer-menu{
	width:80%;
	height:auto;
	overflow:hidden;
	margin-left:30px;
}

.footer-menu a{
	height:auto;
	margin-right:5px;
	overflow:hidden;
	color:white;
	font-family: 'Montserrat', sans-serif;
	padding:5px;
	font-size:1em;
	text-decoration:none;
}

.footer-menu a:hover{
	color:#e6e8eb;
	text-decoration:underline;
	
}

.social_networks{
	width:80%;
	height:auto;
	overflow:hidden;
	margin-left:30px;
}


/* Конец Меню повал*/


.footer{
	line-height:50px;
	background:#0442a5;
}


.copy{
	display:block;
	width:90%;
	text-align:center;
	/*margin:3% 10% 3% 10%;*/
	padding:5px;
}

.copy p{
	margin:0;
	font-family: Arial,sans-serif;
	font-style: italic;
	font-size:2em;
	font-weight: bold;
	color:white;
}


i.fa.fa-vk{
	 text-align: left;
	 margin-right:20px;
	 margin-left:10px;
	 color:white;
	 font-size:1.2em;
	 opacity: .5;
}

i.fa.fa-odnoklassniki{
	 text-align: left;
	 margin-right:20px;
	 margin-left:10px;
	 color:white;
	 font-size:1.2em;
	 opacity: .5;
}

i.fa.fa-paper-plane{
	 text-align: left;
	 margin-right:20px;
	 margin-left:10px;
	 color:white;
	 font-size:1.2em;
	 opacity: .5;
}

@media screen and (max-width:800px){


.navigator{
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
}

.navigator-menu{
	width:100%;
}
i.fa.fa-vk{
	 margin-right:10px;
}

i.fa.fa-odnoklassniki{
	 margin-right:10px;
}

i.fa.fa-paper-plane{
	margin-right:10px;
}
}

@media screen and (min-width:320px) and (max-width:800px){
.block-navigator-menu li{
	font-size:0.65em;
	padding:5px;
}
.name{
	font-size:0.8em;
}
i.fa.fa-vk{
	 margin-right:5px;
	 margin-left:5px;
}

i.fa.fa-odnoklassniki{
	 margin-right:5px;
	 margin-left:5px;
}
}

@media screen and (min-width:1000px) and (max-width:1250px){
	.block-footer-menu{
	width:250px;
}
}

@media screen and (min-width:800px) and (max-width:1000px){
	.block-footer-menu{
	width:200px;
}

.copy p{
	font-size:1.7em;
}
.footer{
	line-height:40px;
}
}

@media screen and (min-width:555px) and (max-width:620px){

.copy p{
	font-size:1em;
}
.footer{
	line-height:30px;
}
.footer-menu a{
	font-size:0.7em;
}
i.fa.fa-vk{
	 font-size:0.8em;
}

i.fa.fa-odnoklassniki{
	 font-size:0.8em;
}

i.fa.fa-paper-plane{
	 font-size:0.8em;
}
}

@media screen and (min-width:620px) and (max-width:700px){
.copy p{
	font-size:1.2em;
}
.footer{
	line-height:35px;
}
.footer-menu a{
	font-size:0.7em;
}
i.fa.fa-vk{
	 font-size:0.8em;
}

i.fa.fa-odnoklassniki{
	 font-size:0.8em;
}

i.fa.fa-paper-plane{
	 font-size:0.8em;
}
}

@media screen and (min-width:700px) and (max-width:750px){

.copy p{
	font-size:1.3em;
}
.footer{
	line-height:35px;
}

.footer-menu a{
	font-size:0.8em;
}
i.fa.fa-vk{
	 font-size:1em;
}

i.fa.fa-odnoklassniki{
	 font-size:1em;
}

i.fa.fa-paper-plane{
	 font-size:1em;
}
}

@media screen and (min-width:750px) and (max-width:800px){

.copy p{
	font-size:1.5em;
}
.footer{
	line-height:40px;
}
.footer-menu a{
	font-size:0.8em;
}
i.fa.fa-vk{
	 font-size:1em;
}

i.fa.fa-odnoklassniki{
	 font-size:1em;
}

i.fa.fa-paper-plane{
	 font-size:1em;
}
}

@media screen and (min-width:320px) and (max-width:555px){

.copy p{
	font-size:0.8em;
}
.footer{
	line-height:30px;
}
.footer-menu a{
	font-size:0.5em;
	margin-right:3px;
	padding:3px;
}
i.fa.fa-vk{
	 font-size:0.7em;
	 margin-right:2em;
}

i.fa.fa-odnoklassniki{
	 font-size:0.7em;
}

i.fa.fa-paper-plane{
	 font-size:0.7em;
	 margin-right:2em;
}

.footer-menu{
	width:100%;
	margin-left:5px;
}
}


@media screen and (min-width:320px) and (max-width:576px){

.block-navigator-menu li{
	margin:0;
}
}


@media screen and (min-width:320px) and (max-width:427px){

.navigator-menu{
	flex-direction: column;
	width:45%;
	text-align:left;
}
.block-navigator-menu{
	width:100%;
}
}
@media screen and (min-width:320px) and (max-width:375px){
.navigator-menu{
	width:55%;
}
}

@media screen and (min-width:800px) and (max-width:890px){

.navigator-menu{
	width:95%;
}
}