@media screen and (max-width:400px){
      body{
        font-family: Arial;
       font-size: 15px;
       border: 2px solid #000000;
     }
    .sino{
        width:100px;
        height:100px;
     }
     img{
        width:120px;
        height:100px; 
     }
    .image{
        float:left;
        margin-right:6px;
    }
    .to{
        font-size:18px;
        text-align:center;
    
    }
    .audio{
        display:inline-block; 
    }
    .link{
        display:block;
        margin: 0 auto;
        text-align:center;
        margin-bottom:5px;
        margin-top:5px;
        padding:5px;
        
     }
     
   }

@media screen and (min-width:401px) and (max-width:6000px){
    /* .conteiner{
        height:100vh;
      }*/
    
    img{
      width:100px;
      height:80px; 
    
}
.image{
    float:left;
    margin-right:6px;
}
.to{
    font-size:22px;
    text-align:center;
    
}
.audio{
   display:inline-block; 
   
   
}
.link{
    display:block;
    margin: 0 auto;
    text-align:center;
    
}
.to2{
  text-align:center;    
    
    
}
 body{
     font-size: 13px;
     font-family: Arial;
     border: 3px solid #000000;
     width: 97%;
     
     
 }
 
}