/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.inspiro-slider.slider-halfscreen { height: 85vh; }

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background-color: #29a71a;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-decoration: none; /* Quita la subrayado del enlace */
}

.whatsapp-button img {
  width: 60%; /* Ajusta el tamaño del icono dentro del botón */
  height: auto;
}

@media (max-width: 600px) {

#header #logo > a img {
  margin-top: 15px;
}

#topbar .top-menu {
  display: none;
}

}