body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

body, html {
  height: 100%;
  line-height: 1.8;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("fotos/metal03.jpeg");
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 16px;
}


img.btn-whatsapp {
	display: block !important;
	position: fixed;
	z-index: 9999999;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	border-radius:100px !important;
	}
	img.btn-whatsapp:hover{
	border-radius:100px !important;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1); 
	-moz-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
	box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
	transition-duration: 1s;
	} 

	#map { height: 300px; }


	/* Estilos para las imágenes */
     /* Estilos para el contenedor de imágenes */
	 .image-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	/* Estilos para cada imagen */
	.image-container img {
		width: 48%; /* Cada imagen ocupa el 48% del ancho del contenedor */
		margin-bottom: 10px;
		box-sizing: border-box; /* Incluye el padding y el border en el width */
	}

	/* Media query para pantallas pequeñas */
	@media only screen and (max-width: 768px) {
		.image-container img {
			width: 100%; /* En pantallas pequeñas, cada imagen ocupa el 100% del ancho */
		}
	}