@media screen and (max-width:400px){
      .conteiner{
        
        border: 1px solid #000000;
      } 
       .top1{
          padding-top:20px;
          margin-top:0px;          
        }
      .top{
          height: 70px;
          background-color:#444;
          }   
        .conteudo{
          margin-left:3px;
          margin-right: 3px;
        }  
         .liki{
           color:#87CEFA;
           text-decoration: underline;
         }
         .likf{
           font-size:16px;
           text-decoration: underline;
         }
         body{
           margin:1px;
          margin-top:3px;
          margin-right: 2px;
          background-color: #F0F0F0;
          font-size: 16px;
          font-family: arial;
        }
        .titulo{
            text-align: center;
            font-size:16px;
        }
        .fot1{
            margin-bottom:30px;
            text-align: center;
        }
        
     }

@media screen and (min-width:401px) and (max-width:1800px){
        .liki{
           font-size:15px;
           color:#87CEFA;
           text-decoration: underline;
         }
         .likf{
           font-size:12px;
           text-decoration: underline;
         }
       .conteiner{
         border:1px solid #000000;
           }
      .top{
          height: 70px; 
          background-color:#444;
          }   
        .top1{
          padding-top:25px;
          margin-top:0px;
        }
        body{
           margin:1px;
           margin-right: 2px;
           background-color:#F0F0F0; 
           font-size: 12px;
           font-family: arial;
        } 
        .titulo{
         text-align: center;
          font-size:12px;
        }
        .fot1{
          margin-bottom: 50px;
          text-align: center;
        }
        .fot0{
            padding: 20px;
        }
        .gerac1{
            
        }
     }