@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400;800&family=Roboto:wght@300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&family=Roboto:wght@100;300;400;500&display=swap');

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

body{
   background-color:rgb(255, 255, 255);
/*    background-image: url(/SITE-FINAL/img/fundobody.png);
   background-repeat: no-repeat; */
   overflow-x: hidden;
   max-width: 2160px;
}

.parte1{
   background-image: url(../img/ferrari.png);
   background-repeat: no-repeat;
   width: 100%;

}

.parte2{
   background-color: black;
   
}

.parte3{
   background-image: url(../img/oficina2.png);
   background-repeat: no-repeat;
}

.parte4{
   background-image: url(../img/japao.png) ;
   background-repeat: no-repeat;
   overflow-x: hidden !important;
   margin: 0;
}

.titulo{
   color: #fff;
   font-size: 50pt;
   font-family: 'Gabarito', sans-serif;
   text-shadow: 6px 2px 12px rgb(0, 0, 0);
   text-align: center;
}

.subtexto{
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-size:1.2em;
   font-weight:400;
   padding-bottom: 15px;
   padding: 20px;
}


.largura-carousel {
   width: 500px;
   margin: 0px auto;
   margin-bottom: 20px;
}


#saiba{
   background-color: rgb(143, 0, 0);
   border: none;
   height: 40px;
}

#saiba:hover{
   background-color: rgb(182, 45, 45);
}

.servicos{
   background-color: rgba(0, 0, 0, 0.822);
   border-radius: 12px;
}

.tipos{
   width: 100px;
   height: 100px;
}

.fundoimg{
   background-color: aqua;
   width: 100% !important;
}

.fundo{
   background-color: rgba(0, 0, 0, 0.747);
   border-radius: 12px;
}

.card{
   border: 4px solid red;
   margin: 0 auto; /* Added */
   float: none; /* Added */
   margin-bottom: 10px; /* Added */
   padding: 0;
}

.nasiol{
   width: 100%;
   border: none;
   box-shadow: 0px 0px 30px rgba(129, 129, 129, 0.459);  
   margin: 10;
   padding: 0;
   text-align: left;
}

#contato{
   width: 180px;
   font-size: 0.9em;
}


.dropdown-item:hover{
   background-color: rgba(248, 166, 166, 0.377);
   transition: 1s;
   color: black;
}

.mapa{
   height: 400px;
   width: 800px;
}

.rodape{
   color:#fff;
   font-family: 'Roboto', sans-serif;
   font-size:1.5em;
   font-weight:500;
   text-decoration: none;
}
.rodape2{
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-size:1.5em;
   font-weight:500;
   text-decoration: none;
   margin-right: 13px;
}

.rodape3{
   height: 150px;
   margin-top: 50px;
}

.footer{
   background-color: #fff;
   height: 40px;
   width: 100vw;
   font-weight: 500;
   padding-top: 8px;
}

.footer2{
   background-color: #fff;
   height: 40px;
   width: 100vw;
   font-weight: 500;
   padding-top: 8px;
   position: fixed;
    bottom:0;
    left:0;
}

.fundosobre{
   background-image: url(../img/senactat.jpg);
   background-color: rgba(70, 70, 70, 0.507);
}

.sobre{
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-size:1.2em;
   font-weight:500;
   padding-bottom: 15px;
}

#integrantes{
   margin-top: 20px;
   margin-left: 120px;
   padding-left: 10px;
   padding-top: 10px;
   width: 250px;
   font-size: 1.3em ;
   text-shadow:5px 7px 10px black;
}

#prof{
   margin-top: 40px;
   margin-right: 10px;
   font-size: 1.3em ;
   text-shadow:5px 7px 10px black;
}

.senac {
   padding-top: 50px;
   height: 30%;
   width: 30%;
}

#ftsobre{
   margin-top: 40px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 0px) and (max-width:812px) {
   body{
      background-color: black;
   }

   .parte1{
      background-image: url(../img/ferrariM.png);
   }

   .parte3{
      background-image: url(../img/oficinaM.png);
      margin: 0px;
   }


   .parte4{
      background-image: url(../img/japao3.png);
      height: 100%;
   }

   .largura-carousel{
      width: 300px;
   }


   .mapa{
      height: 300px;
      width: 355px;
      margin-bottom: 10px;
   }

   .footer{
      height: 60px;
      width: 100vw !important;
      font-weight: 500;
      padding-top: 8px;
      margin: 0;
      position:relative;
   }

   #integrantes{
      margin-left: 0;
      padding-left: 0;
   }

   .senac{
      height: 200px;
      width: 250px;
   }

   #contato{
      width:auto;
      font-size: 1em;
   }

   .nasiol{
      display: block;
      margin: 0px auto !important;
   }

   .fundosobre{
      background-image: url(../img/senactatM.png);
   }

   
   .pem{
      justify-content: center;
      margin-left: 12px;
   }

   .pem2{
      display: block;
      margin: 0px auto !important;
      margin-left: 10% !important;
      width: 80%;
   }

}