/* 
    Created on : 23/11/2022, 15:06:07
    Author     : BRUNO
*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
  font-family: "Lucida Sans", sans-serif;
}
body{
    /* medidas*/
    width: 100vw;
    height: 100vh;
    
    padding: 5px;
    overflow: hidden;
    /*aparência*/
    background-image: url(../../_imagem/back2.png);
}
#conteiner{
    /**/
    width: 100%;
    border: 1px #dcdcdc solid;
    overflow: scroll;
    height: 580px
}
header{
    height: 80px;
    width: 100%;
    color: #fff;
   background-color: #194574;
    
}
header figure{
    height: 80px;
    width: 100px;
    position:absolute;
    left:20px;
    }
header figure img{
    height: 100%;
    width: 100%;
}
footer{
     width: 100%;
     height: 55px;
     background-color: #194574;
     color: #fff;
     vertical-align: middle;
     text-align: center;
    
 }
 footer h5{
       padding: 20px;
 }
 
 @media only screen and (max-width:800px){
       
    main{
       width: 100%;
       height:100%;
      
    }
    header figure{
     
    left: 10%;
    
    }
    }
 @media only screen and (max-width:600px){
       
  header figure{
     
    left:10%;
   
    }
    }
 @media only screen and (max-width:400px){
        

    }