@media screen and (max-width:400px){
     /*.conteiner{
     background-color:#00FF00;
    }
    .top{
    background-color: #0000FF;
    }
    .conteudo{
     background-color: #FF0000;
    }
    .foot{
     background-color: #87CEFA; 
    }*/
    body{
    font-family: Arial;
    font-size: 16px;
    border: 2px solid #000000;
    }
    .top7{
    text-align: center;
    }
   .fot{
     text-align: center;
    }
    }
@media screen and (min-width:401px) and (max-width:1800px){
    /*.conteiner{
    background-color:#00FF00;
    }
    .top{
    background-color: #0000FF;
    }
    .conteudo{
    background-color: #FF0000;
    }
    .foot{
    background-color: #87CEFA; 
    }*/
    body{
    font-family: Arial;
    font-size: 13px;
    border: 2px solid #000000;
    }
    .top7{
     text-align: center;
    }
    .fot{
     text-align: center;
    }
    }