html {
  background-image: url(/img/fon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y:scroll;
}

.logo {
width:401px;
height:383px;
position: absolute;
margin:0 auto;
left:0;
    top: 13%;
right:0;
    background: no-repeat;
 background-image: url(/img/logotax.png);
}
.text {
    width: 591px;
    height: 383px;
    position: absolute;
    margin:  auto;
    left: 0;
 top: 68%;
    right: 0;
    background: no-repeat;
    background-image: url(/img/text.png);
}

@media only screen and (max-width: 600px ) {
.text {    width: 314px;
    height: 163px;
    position: absolute;
    margin: auto;
    left: 0;
	 top: 47%!important;
  overflow-y:scroll;
    right: 0;
    background: no-repeat;
    background-image: url(/img/mobtext.png);}
}




@media only screen and (max-width: 600px ) {
.logo {   width: 203px;
    height: 198px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 13%;
	  overflow-y:scroll;
    background: no-repeat;
    background-image: url(/img/moblogo.png);}
}
@media only screen and (max-width: 1020px ) {
.text {    width: 314px;
    height: 163px;
    position: absolute;
    margin: auto;
	  overflow-y:scroll;
    left: 0;
    margin-top: 43%;
    right: 0;
    background: no-repeat;
    background-image: url(/img/mobtext.png);}
}




@media only screen and (max-width: 800px ) {
.logo {   width: 203px;
    height: 198px;
    position: absolute;
    margin: 0 auto;
    left: 0;
	  overflow-y:scroll;
    right: 0;
    top: 13%;
    background: no-repeat;
    background-image: url(/img/moblogo.png);}
}