*{
margin: 0;
padding: 0;
}


html{
height:100%;
overflow:hidden;

}



body{
height:100%;
overflow:hidden;


}

.body2 {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.main{
    
    
    position: absolute;
    height: 100%;
    width: 100%;
    


}


@media screen and (min-width : 200px) and (max-width : 600px) 
{


.main img{
    position: absolute;
    top:47%;
    left: 35%;
    width: 100px;}

body{
overflow: hidden;
}
}

@media screen and (min-width : 601px) and (max-width : 800px)
{


.main img{
    position: absolute;
    top:47%;
    left: 40%;
    width: 120px;}

body{
overflow: hidden;
}

}

@media screen and (min-width : 801px)and (max-width : 1300px)
{

.main img{
    position: absolute;
    top:47%;
    left: 44%;
    width: 130px;}

body{
overflow: hidden;
}

}


@media screen and (min-width : 1301px)
{
.main img{
    position: absolute;
    top:47%;
    left: 48%;
    width: 130px;}
body{
overflow: hidden;
}
}