*{ margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Roboto", sans-serif;
   
 }

 html, body{
   background-color: #000;
 }

section.card{
    background-image: url(img/fundo.jpg);
    width: 100%;
    height: 100vh;
    background-size: cover;	
    background-position: center;	
    background-repeat: no-repeat;
   
 }

 .container{
    max-width: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
 }

 .dados{
    width: 100%;

 }

 .dados img{
    width: 60%;
 }

 .dados h1{
    font-weight: 300;
    margin: 50px auto;
    color: #00246E;
    font-size: 2rem;
 }

 .dados p{
   margin: 50px auto;
   font-size: 1.2 rem;
   color: #fff;
 }

 .dados-wrapper{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   width: 80%;
   margin: 0 auto;
   font-size: 2.3rem;
 }

 .dados-wrapper a{
   text-decoration: none;
   color: #fff;
 }

 .icons{
   flex-grow: 1;
   width: 30%;
   padding: 30px 30px;
   background-color: #00246E;
   color: #fff;
   border-radius: 10px;
   margin: 10px;
   text-align: center;
   transition: all .8s ease-in-out;
 }

 .icons:hover{
   transform: scale(1.1);
 }

 section .footer{
   width: 100%;
   padding: 20px 0;
   margin: 0 auto;
   text-align: center;
   color: #fff;
 }

 .line-footer{
   width: 600px;
   background-color: #00246E;
   height: 2px;
   margin: 0 auto;
   margin-bottom: 35px;
 }

 @media screen and (max-width: 600px){

 
   .container{
      max-width: 90%;
      }

      .dados{
         width: 90%;
     
      }

      .icons{

         width: 90%;
       }

     

      .line-footer{
         width: 90%;
      }

      .dados h1{         
         margin: 25px auto;         
      }

      .dados p{
         margin: 25px auto;
         
       }
  

 }