/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  background-color: transparent; }

.top-nav-collapse {
  /*background-color: #1C2331; */
  /*peach-gradient*/
	background:linear-gradient(40deg,#7d96ab,#607d8b);
}


@media only screen and (min-width: 769px) {
  .fotoalex {
    max-width: 580px;
  }
  .fotoalexmenor {
    max-width: 540px;
  }
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
	background:linear-gradient(40deg,#7d96ab,#607d8b);
	}
        
    .parallax {
      /* The image used */
      background-image: url("../img/clinicas.jpg");

      width: 100%;
      height: auto;
    }
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #3949ab; }
  
.center-block{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}


@media only screen and (min-width: 769px) {
    .smallparallax{
        display: none;
    }

    .parallax {
      /* The image used */
      background-image: url("../img/clinicas.jpg");

      /* Set a specific height */
      height: 400px;

      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
}

.hiddenBlock{
    display: none;
}

.wppBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: 60px;
  z-index: 999;
  max-width: 60px;
  max-height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/logo_whatsapp_lg.png);
}