/* RESET */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* GLOBAIS */
body{
   background-color: #fcf8f8;
}

html{
   scroll-behavior: smooth;
}

/* banner */

.banner-img{
   background-attachment: fixed;
   color: #3d6f9c;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

#img01{
   background-image: url(/img/Retroescavadeira\ CAT\ 416\ 2.jpg);
   height: 100vh;
   background-repeat: no-repeat;
   width: 100%;
   background-size: 1400px 700px;
   color: white;
}

.banner-tittle{
   text-align: center;
   font-size: 6rem;
   text-shadow: 
      1px 1px 0 #000,
      -1px 1px 0 #000,
      -1px -1px 0 #000,
      1px -1px 0 #000;
}

.banner-text{
   font-size: 3rem;
   text-align: center;
   text-shadow: 
   1px 1px 0 #000,
   -1px 1px 0 #000,
   -1px -1px 0 #000,
   1px -1px 0 #000;
}

/* quem somos */

.quemSomos{
   display: flex;
   background-color: #F3F3F3;
   flex-direction: column;
}

.qs-titulo{
   text-align: center;
   margin-top: 80px;
}

.qs-container{
   display: flex;
   justify-content: center;
   align-items: center;
}

.qs-text-container{
   display: flex;
   flex-direction: column;
   font-size: 1rem;
   justify-content: center;
   text-align: justify;
   padding: 10px;
}

.qs-img{
   width: 50%;
   margin: 30px;
   display: flex;
   justify-content: center;
}

/* card */

.cards-tittle{
   padding: 60px 0 0 0;
   text-align: center;
   margin-top: 20px;
}

.cards{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.card{
   display: flex;
   border-radius: 16px;
   margin: 30px;
   background-color: #F3F3F3;
   -webkit-box-shadow: 6px 8px 30px -6px rgba(0,0,0,0.62);
   -moz-box-shadow: 6px 8px 30px -6px rgba(0,0,0,0.62);
   box-shadow: 6px 8px 30px -6px rgba(0,0,0,0.62);
   min-width: 300px;
}

.card-img-top{
   border-radius: 16px 16px 0 0;
   height: 250px;
}

.card-title{
   width: 100%;
   display: flex;
   justify-content: center;
}

.sublinhado{
   border-top: 3px #c60000 solid ;
   width: 80%;
   margin: auto;
}

.card-text{
   text-align: center;
}

.card-button{
   justify-content: center;
   display: flex;
}

/* onde ficamos */

.ondeficamos{
   width: 100%;
   margin-bottom: 70px;
   background-color: #F3F3F3;
}

.ondeficamos__tittle{
   text-align: center;
   font-size: 3rem;
   margin-top: 70px;
}

.ondeficamos__container{
   display: flex;
   justify-content: center;
   margin-top: 70px;
}

/* footer */

.footer{
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   background-color: rgb(234, 234, 234);
}

.footer-text_amc{
   font-size: 1rem;
   text-align: center;
}

.footer-text_amc a{
   color: rgb(59, 59, 59);
}

.footer-dev{
   text-align: center;
}

.footer.text{
   font-size: 0.5rem;
   font-weight: 700;
   text-align: center;
}

/* responsivo */

@media (max-width: 600px){
   .banner-tittle{
      font-size: 3rem;
      padding: 10px;
   }

   .banner-text{
   font-size: 2rem;
   text-align: center;
   padding: 10px;
   }
}

@media (max-width:900px){
   .qs-container{
      flex-direction: column;
   }
   .qs-img{
      width: 80%;
   }
   .qs-text-container{
      padding: 30px;
   }
}