html{
    width: 100%;
    background-color: rgba(242, 242, 242);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


body{
  overflow-x: hidden;
  margin: 0;
  -webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
body{
  overflow-x: hidden; /* Скрываем горизонтальный scrollbar */
  margin: 0;
  -webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media screen and (max-width: 320px) /* Mobile */ {
.box{
  max-width: 320px;
}
}
@media screen and (min-width: 200px) /* Mobile */ {
}
@media screen and (max-width: 420px) /* Mobile */ {
.box{
  max-width: 420px;
}
.br{
  height: 10px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (max-width: 480px) /* Mobile */ {
.box{
  max-width: 480px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (max-width: 768px) /* Mobile */ {
.box{
  max-width: 768px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (max-width: 848px) /* Mobile */ {
.box{
  max-width: 848px;
}
.Hyina{
  height: 0px;
}
}
@media screen and (min-width: 850px) /* Mobile */ {
.Hyina{
  height: 0px;
    }
}

@media screen and (max-width: 1200px) /* Mobile */ {
}

@media screen and (min-width: 1200px) /* Mobile */ {
}
html{
  height: 100%;
}
html, body {
  width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.h1, h2,  h3, h4, pre{
  -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
  user-select: none;
}

.h1, h2,  h3, h4, pre{
  -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
  user-select: none;
}

.h1, h2,  h3, h4, pre{
  -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
  user-select: none;
}

h5{
  font-family: franklin gothic medium, cursive;
  font-size: 19px;
  user-select: none;
}
a{
  text-decoration: none;
}
body{
    overflow-x: hidden;
}