* {padding: 0 0 0 0;  margin: 0;  border: 0;}
@media screen and (min-width: 980px) /* Desktop */ { /*min-width без only*/
  body {
    background: red;
	/*background-image: url('https://yakubiki.ru/pict/wp.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-text-size-adjust: none;
	-webkit-background-size: cover;
	/*-moz-background-size: cover;*/
	background-size: cover;
	min-height: 100%;
	color: white; /*цвет текста*/
	-webkit-tap-highlight-color:rgba(255,240,0,1.4);
  }
}
 
@media screen  and (max-width: 979px) /* Tablet */ {
  body {
	background: blue;
	/*background-image: url('https://yakubiki.ru/pict/wp.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-text-size-adjust: none;
	-webkit-background-size: cover;
	/*-moz-background-size: cover;*/
	background-size: cover;
	min-height: 100%;
	color: white; /*цвет текста*/
	-webkit-tap-highlight-color:rgba(255,240,0,1.4);
  }
}
 
@media screen and (max-width: 500px) /* Mobile */ { /*max-device-width*/
  body {
	background: green;
	/*background-image: url('https://yakubiki.ru/pict/wp.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-text-size-adjust: none;
	-webkit-background-size: cover;
	/*-moz-background-size: cover;*/
	background-size: cover;
	min-height: 100%;
	color: white; /*цвет текста*/
	-webkit-tap-highlight-color:rgba(255,240,0,1.4);
  }
}
@media only screen and (max-width: 480px) {
	body {
		background: #049ae5;
		background-image: url('../../pict/wp.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		-webkit-text-size-adjust: none;
		-webkit-background-size: cover;
		/*-moz-background-size: cover;*/
		background-size: cover;
		min-height: 100%;
		color: white; /*цвет текста*/
		-webkit-tap-highlight-color:rgba(255,240,0,1.4);
	}
	#my_video {
	width: 180px;
	height: 101px;
	}
		#w {
			width: 100%;
			height: 100%;
		}
		 #c {
			width: 35%;
			margin-left: 45%;
			position: relative;
		}
		#c .l { /*logo*/
			width: 90px;
			border: none;
			position: absolute;
			margin-left: 110px;
			margin-top: 0px;
		}
		#c .l img {
			float: right;
			border: none;
			background-image: url('../../pict/fav.gif');
			/*background-image: url('../../pict/mstile-76x76.png');*/
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 50px 50px;
		}
		#c .i { /*h1 + li*/
			padding-top: 60px;
			padding-right: 94px;
			position: relative;
			width: 200%;
			/*bottom: 20px; /* Положение от нижнего края */
			/*right: 40px; /* Положение от правого края */
			left: -65px; /* Положение от левого края */
			/*line-height: 15px; /*Ширина строки*/
		}
	    /*div#wrapper {
	        width: 400px;
	    }
	 
	    div#header {
	        /*background-image: url('https://yakubiki.ru/pict/wp.jpg');*//*
	        height: 93px;
	        position: relative;
	    }
	 
	    div#header h1 {
	        font-size: 140%;
	    }
	 
	    #content {
	        float: none;
	        width: 100%;
	    }

	    #navigation {
	        float:none;
	        width: auto;
	    }*/
}
@media (pointer:coarse) {
	
}
.nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: -70px;
	padding-bottom: 70px;
	transform: translateY(70px);
}	
.nav_fix {
	position: fixed;
}
@supports ((position:sticky) or (position:-webkit-sticky)) {
	.nav, .nav_fix {
		position: -webkit-sticky;
		position: sticky;
	}
}
/*body:before {
	content: '';
	background-image: url('https://yakubiki.ru/pict/wp.jpg');
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}*/
.modal{
	position: fixed;
	z-index: -9;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	pointer-events: none;
}