@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Philosopher&subset=latin,cyrillic);
body {
        margin: 0px;
        padding: 0px;
        font-size: 1.5vw;
        font-family: 'Oswald', sans-serif;
        font-family: 'Philosopher', sans-serif;
        box-sizing: border-box;
      }
h1 {
        text-align: center;
        font-size:3vw;
        font-weight: bold;
        text-shadow: 3px 3px rgba(255, 255, 255, 0.8);
}
/*------- header ---------*/
.nav {
    position: relative;
    margin: 0px 0px;
/*  background-color: rgba(112,128,144,1); */
/*  background-color: rgba(0,0,0,1); */
    background-color: indianRed;  
    background-image: url(eks1.png);  
    background-repeat: no-repeat; 
    background-position: 4% 0%;
    background: linear-gradient(to right,#dc8bca,#6d1665); 
    background-size: auto 15vh;
    height: 15vh;
    width: 100%;
    color: MistyRose;
}
.nav h4 {
    color: MistyRose;
}
#logo {
    position: absolute;
    top: 0;
    left: 4%;
    height: 15vh;
}
#logo73 {
    position: absolute;
    top: 0;
    left: 17%;
    height: 15vh;
    width: auto;
}
.nav ul {
  margin: 0px;
  display: table;
  padding: 0;
/*  width: 59vw; */
  width: 59%;
  margin: 0 40%; 
  border: 0px solid black;
  font-size: 2vw;
}
.nav li {
  margin: 0 5px 5px 0;
  padding: 0;
  list-style: none;
  display: table-cell;
  vertical-align: middle;
  height: 15vh;
  border: 0px solid black
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #999;
        color: FireBrick;
        color: MistyRose;
	line-height: 100%;
        text-shadow: 3px 3px rgba(0, 0, 0, 0.8);
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #999;
	color: #fff;
	border-radius: 5px; 
}     
@media screen and (max-width: 700px){
	#container .content {
	background-image:url(images/logo.jpg);
        background-size: 100% auto;
	}
}
@media screen and (max-width: 800px) {
.nav {
	position: relative;
	height: 15vh;
        border: 0px solid green;
        z-index: 5;
	}	
.nav ul {
	width: 35vw;
        height: 15vh; 
        border: 0px dashed black;
	padding: 0px 0;
	position: absolute;
	top: 0; 
	left: 23vw; 
/*        background-color: transparent; */
        background-color: indianRed;
	background: url(menured.png) no-repeat top center; 
        background-size: auto 15vh;
	}
	.nav li {
		display: none; 
		margin: 0;
	}
	.nav .current {
/*		display: block;  */
	}
	.nav a {
		display: block;
		padding: 5px 5px 10px 15px;
		text-align: left;
	}
	.nav .current a {
/*		background: black; */
		color: white;
	}
	/* при проведении мышью */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
	    display: block;
            height: 30px; 
            color: white;
            margin: 0;
            padding: 5px 0 10px;
            background-color: rgba(205,92,92,0.6);
	}
	.nav ul:hover .current {
/*		background: url(images/icon-check.png) no-repeat 10px 7px; */
	}
	/* по правой стороне */
	.nav.right ul {
		left: auto;
		right: 0;
	}
	/*по центру */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
}