@import url('https://fonts.googleapis.com/css?family=Lobster|Roboto+Slab');

/*font-family: 'Roboto Slab', serif;
font-family: 'Lobster', cursive;*/

* {
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
}

/*body {
	height: 2000px;
}*/

a {
	color: #000;
	text-decoration: none;
	transition: all.6s ease;
	-ms-transition: all.6s ease;
	-o-transition: all.6s ease;
	-moz-transition: all.6s ease;
	-webkit-transition: all.6s ease;
}

a:hover {
	color: #fa713e;
	text-decoration: none;
	transition: all.6s ease;
	-ms-transition: all.6s ease;
	-o-transition: all.6s ease;
	-moz-transition: all.6s ease;
	-webkit-transition: all.6s ease;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}


/* Стили для шапки сайта */

header {
	float: left;
	background-color: #191970;
	width: 99.4%;
	padding: 0.3%;
	border-bottom: 5px solid #59595a;
	font-family: 'Roboto Slab', serif;
}

header>div>a {
	color: white;
}

#naz {
	text-align: center;
	color: white;
	font-size: 3em;
	font-family: 'Lobster', cursive;
}

#about {
	color: white;
	text-align: right;
	font-size: 1.4em;
	padding-top: 10px;
}

#about>a:hover {
	color: #f4f4f4;
	border-bottom: 1px solid silver;
}
 
#adr>a {
	color: white;
	text-align: left;
}

@media (min-width: 950px) {
	
	#about {
	float: left;
	width: 30%;
	}

	#naz{
	float: left;
	width: 37%;
	}
	
	#adr>a {
	float: right;
	width: 30%;
	}
}

@media (max-width: 949px) and (min-width: 525px) {
	
	#about {
	visibility: hidden;
	display: none;
	}

	#naz{
	float: left;
	width: 60%;
	}
	
	#adr>a {
	float: right;
	width: 40%;
	}
}

@media (max-width: 524px){
	
	#about {
	visibility: hidden;
	display: none;
	}

	#naz{
	float: left;
	width: 100%;
	}
	
	#adr>a {
	visibility: hidden;
	display: none;
	}
}
/*Меню сайта*/

nav {
	background-color: white;
	font-family: 'Roboto Slab', serif;
	width: 99.4%;
	padding: 7px 0.3%;
	float: right;
	border-bottom: 2px solid #ebebeb;
}

nav a {
color: #000;
font-size: 1.5em;
margin-left: 5%;
}

nav a:hover {
color: #fa713e;
}

/*nav a:first-of-type {
	margin-left: 20%;
}*/

nav a:last-child {
	margin-right: 15px;
}

.fixed {
	position: fixed;
	top: 0;
	opacity: 0.6;
}

.fixed:hover {
	position: fixed;
	opacity: 1;
}

#hideMenu {
	display: inline;
}

#menuShow {
	display: inline;
	font-size: 1.4em;
	margin-left: 20px;
	float: left;
	margin-top: 4px;
	cursor: pointer;
}

#mobileMenu {
	display: none;
	width: 100%;
	float: left;
}

@media (min-width: 785px) {
	#menuShow {
		display: none;
		visibility: hidden;
	}
}

@media (max-width: 784px) {
	#hideMenu {
		display: none;
		visibility: hidden;
	}
}

#search {
	float: right;
	color: #7d7d7d;
	cursor: pointer;
	font-size: 1.4em;
	margin-right: 10px;
}

/* Стили для шапки сайта закончены*/

#wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#content {
		flex: 1 0 auto;
}

/* Стили для футера*/
footer {
	float: left;
	background-color: #191970;
	width: 98%;
	padding: 1%;
	border-top: 5px solid #59595a;
	font-family: 'Roboto Slab', serif;
}

#site_name {
	margin-right: 5%;
	color: #f4f4f4;
	font-size: 1.5em;
	float: right;
}

#site_name>span {
	font-family: 'Lobster', cursive;
}

@media (max-width: 1080px) {
	#clear{
		clear: both;
	}
}

#footer_menu {
		font-size: 1.2em;
}

#footer_menu>a {
	margin-left: 2%;
	color: #f4f4f4;
}

#footer_menu>a:hover, #rights>a:hover {
	border-bottom: 1px solid silver;
	color: #aeaeae;
}

#rights {
	float: left;
	margin-left: 2%;
	font-size: 0.9em;
	margin-top: 20px;
}

#rights>a {
	color: white;
}

@media (max-width: 520px) {
	#site_name {
		display: none;
	}
}