/*-- //fontes --*/

@font-face {
font-family: "Comfortaa";
src: local(Comfortaa), url("../fonts/Comfortaa-Regular.ttf");
 }

@font-face {
font-family: "Panton";
src: local(Panton), url("../fonts/Panton-BlackCaps.otf");
 }

#telefones_topo {
   font-family: "Comfortaa";
   font-size: 20px;
   color: #FFFFFF;
   margin-top: 12px;
 }

#footer_rodape {
   font-family: "Comfortaa";
   font-size: 16px;
   text-align: center;
   color: #FFFFFF;
   margin-top: 12px;
 }

#menu_topo {
   font-family: "Comfortaa";
   text-transform: uppercase;
 }

#titulo_differential {
   font-family: "Comfortaa";
   font-size: 22px;
   color: #FFFFFF;
   text-transform: uppercase;
 }

#titulo_mission {
   font-family: "Comfortaa";
   font-size: 20px;
   color: #FFFFFF;
   text-transform: uppercase;
   text-align: center;
 }

#fontawesome_home {
   font-family: "Comfortaa";
   font-size: 80px;
   color: #C8C8C8;
 }

#differential_tiulohome {
   font-family: "Comfortaa";
   font-size: 16px;
   color: #FFFFFF;
   text-transform: uppercase;
 }

#titulo_service {
   font-family: "Comfortaa";
   font-size: 22px;
   color: #00183C;
   text-transform: uppercase;
 }

#titulo_fleet {
   font-family: "Comfortaa";
   font-size: 18px;
   color: #00183C;
   text-transform: uppercase;
 }

#service_tiulohome {
   font-family: "Comfortaa";
   font-size: 16px;
   color: #00183C;
   text-transform: uppercase;
 }

#titulo_reset {
   font-family: "Panton";
   font-size: 25px;
   color: #00183C;
   text-transform: uppercase;
 }

#rodape {
   font-family: "Comfortaa";
   font-size: 20px;
   color: #000066;
 }

#rodapelogo {
   font-family: "Comfortaa";
   font-size: 16px;
   color: #000066;
 }

#titulo_pagina {
   font-family: "Comfortaa";
   font-size: 25px;
   color: #002864;
 }

#titulo1 {
   font-family: "Comfortaa";
   font-size: 20px;
   color: #002864;
 }

#titulo2 {
   font-family: "Comfortaa";
   font-size: 15px;
   color: #002864;
   font-weight: 600;
 }

#titulo3 {
   font-family: "Comfortaa";
   font-size: 20px;
   color: #002864;
 }

#rodape {
   font-family: "Comfortaa";
   font-size: 20px;
   color: #000066;
 }

#social {
   font-family: "Comfortaa";
   font-size: 16px;
   color: #FFFFFF;
 }

#rodapelogo {
   font-family: "Comfortaa";
   font-size: 16px;
   color: #000066;
 }


#social2 {
   font-family: "Comfortaa";
   font-size: 13px;
   color: #FFFFFF;
 }

/*-- //fontes --*/




.button_whatsapp {
  background-color: #4CAF50; 
  border: none;
  color: #FFFFFF;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

.button_whatsapp1 {
  background-color: #4BAD4E; 
  color: #FFFFFF; 
  border: 2px solid #4BAD4E;
}

.button_whatsapp1:hover {
  background-color: #3D8D40;
  color: #FFFFFF;
  border: 2px solid #3D8D40;
}


.button_linkedin {
  background-color: #0077B7; 
  border: none;
  color: #FFFFFF;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

.button_linkedin1 {
  background-color: #0077B7; 
  color: #FFFFFF; 
  border: 2px solid #0077B7;
}

.button_linkedin1:hover {
  background-color: #00659B;
  color: #FFFFFF;
  border: 2px solid #00659B;
}
	
	
.button_face {
  background-color: #3B5997; 
  border: none;
  color: #FFFFFF;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

.button_face1 {
  background-color: #3B5997; 
  color: #FFFFFF; 
  border: 2px solid #3B5997;
}

.button_face1:hover {
  background-color: #263A62;
  color: #FFFFFF;
  border: 2px solid #263A62;
}
	
	
.button_insta {
  background-color: #D653C0; 
  border: none;
  color: #FFFFFF;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

.button_insta1 {
  background-color: #D653C0; 
  color: #FFFFFF; 
  border: 2px solid #D653C0;
}

.button_insta1:hover {
  background-color: #6128CF;
  color: #FFFFFF;
  border: 2px solid #6128CF;
}