@media screen and (max-width: 400px){
        a{
           color:#87cefa;
        }
        #sobre{
          text-align:center; 
        }
   
       #top{
          background-color:#444;
          height:60px;
          padding-top:15px;
       }
      .top1{
          text-align:center;
      }
      body{
          background-color: #F0F0F0;
         font-family:arial;
         font-size:16px;
         margin:2px;
         
             } 
        #loo{
           margin:0px;
           font-size: 16px;
        }
       
         }
@media screen and (min-width: 401px) and (max-width: 1800px){
          a{
             color:#87cefa;
             font-size:12px;
          }
          #top{
             background-color: #444;
              height:60px;
              padding-top:0px;
          }
       .top1{
             text-align:center;
            margin-top:0px;
            padding-top:20px;
          }
       
         body{
            margin:1px;
            font-size:11px;
            font-family:arial;
            
            background-color:#F0F0F0;
               } 
          #sobre{
             text-align:center;
     				      }
           }