@charset "UTF-8";
/* CSS Document */
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #000000;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/nieblamental.png");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../img/Memoria_P.jpg");
   min-height: 100%;
}

.bgimg-3 {
  background-image: url("../img/alopecia.jpg");
  min-height: 100%;
}

.caption {
  position: absolute;
  left: 0.5%;
  top: 50%;
  text-align:center;
  color: white;
font-size: 1.5em;
}

.caption h1{text-shadow: 3px 3px #171617}
h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

.centrado{color: #000000;
	background-color:white;
	max-width: 900px;
	width: 100%;
	margin: 0 auto}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
}

@media only screen and (max-device-width: 600px) {
	
	.centrado p{font-size: 1.2em;
	margin-right: 15px;
	margin-left: 15px}
	
	
	
	
	
	
	
}