/* Modernized ©2018 Alexander Govyazin (aka AGr0) */
@font-face {
/*  font-family: Zanesennyj;*/
  font-family: BrushType;
  src: url(scr/brush.ttf);
}
a{
 text-decoration: none;
}
.hr-shelf {
	margin: -30px auto 10px;
	padding: 0;
	height: 50px;
	border: none;
	border-bottom: 1px solid #1f1209;
	box-shadow: 0 20px 20px -20px #333;
	width: 90%;
}
/*.sp{
  font-size: 200%;
  font-weight:bolder;
}*/
.zag{
 color:#fc8;
 text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.res{
 width: 1000px;
 height: auto;
}
.rad{
	border-radius:24px;
	box-shadow: 3px 3px 10px 5px #888, 0 0 4px rgba(0, 0, 0, .5) inset;
}
.ag{
	border-radius:20px;
	box-shadow: 3px 3px 10px 5px #888, 0 0 4px rgba(0, 0, 0, .5) inset;
}
.ad{
	width:1000px;
}
.nw{
 white-space: nowrap;
}
h1{
 font-family: BrushType;
 color:#fff;
 text-shadow: 1px 1px 2px black, 0 0 1em black;
 font-size: xx-large;
}
h3{
 font-family: Tahoma;
 color:#fff;
 background-color:#fc8;
 text-shadow: 1px 1px 2px black, 0 0 1em black;
 text-align: center;
 border-radius:20px;
}
h4{
 font-family: BrushType;
 color:#fff;
 text-shadow: 1px 1px 2px black, 0 0 1em black;
 text-align: center;
}
.t{
 font-family: arial;
 background-color:#fff;
 width:1000px;
 border-radius:20px;
 box-shadow: 3px 3px 10px 5px #000, 0 0 4px rgba(0, 0, 0, .5) inset;
}
.zm{
 -moz-transform: scale(0.5); /* для Firefox до версии 16.0 */
 -webkit-transform: scale(0.5); /* для Chrome до версии 26.0, Safari, Android и iOS */
 -o-transform: scale(0.5); /* Opera до версии 12.10 */
 -ms-transform: scale(0.5); /* IE 9.0 */
 transform: scale(0.5); /* других браузеров */
}
/* Основные стили */
body {
  background-color: #fff;
  font-family: Arial;
}
/* Стили для экранов 600px и меньше */
@media screen and (max-width: 600px) {
 .zm{
	-moz-transform: scale(0.5); /* для Firefox до версии 16.0 */
	-webkit-transform: scale(0.5); /* для Chrome до версии 26.0, Safari, Android и iOS */
	-o-transform: scale(0.5); /* Opera до версии 12.10 */
	-ms-transform: scale(0.5); /* IE 9.0 */
	transform: scale(0.5); /* других браузеров */
 }      
 .ad{
	width:99%;
 }
 .res{
	width:99%;
 }
 .rad{
	width:99%;
 }
 .sp{
	font-size: 200%;
 }
 .video{
	width:98%;
 } 
}
/*Стили для экранов 515px и меньше*/
@media only screen and (max-width : 480px) {
 .zm{
	-moz-transform: scale(0.5); /* для Firefox до версии 16.0 */
	-webkit-transform: scale(0.5); /* для Chrome до версии 26.0, Safari, Android и iOS */
	-o-transform: scale(0.5); /* Opera до версии 12.10 */
	-ms-transform: scale(0.5); /* IE 9.0 */
	transform: scale(0.5); /* других браузеров */
 }      
 .sp{
	font-size: 150%;
 }
}
/* Смартфоны */
@media only screen and (max-width : 320px) {
  .sp{
	font-size: 100%;
  }
  nav li {
	display: block;
	float: none;
	width: 100%;
 }
 nav li a {
	border-bottom: 1px solid #576979;
 }
}