section{
			height: 100vh;
			max-height: 100vh;
		}	
		.bg-page{
			 /* Ruta relativa o completa a la imagen */
		     background-image: url(bg-anversario.jpg);
		     /* Centramos el fondo horizontal y verticalmente */
		     background-position: center center;
		     /* El fonde no se repite */
		     background-repeat: no-repeat;
		     /* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
		     background-attachment: fixed;
		     /* El fonde se re-escala automáticamente */
		     background-size: cover;
		     /* Color de fondo si la imagen no se encuentra o mientras se está cargando */
		     background-color: #FFF;
		}
.accordion .card{
	background-color:#22566e;
	margin: .5rem;
	color: #ffffff;
}
.card-body{
	background-color: #fff;
	color:#666;
}
.btn{
	color: #fff;
}
.btn:hover{
color: #a5cbdd;
}
#p17 {
background: rgb(172,225,207);
background: radial-gradient(90deg, rgba(172,225,207,1) 5%, rgba(125,209,185,1) 100%);
}
#p18 {
  background-color: #7dd1b9;
}
#p19 {
  background: rgb(0,177,135);
background: radial-gradient(circle, rgba(0,177,135,1) 26%, rgba(65,193,160,1) 100%);
}
#p20 {
  background-color: #00b187;
}

.h-card{
	background-color: #22566e;
	color:white;
	text-align: center;
}
.h-card h3{
	margin-top: 40%;
	font-size: 1.5rem;
}
.titulo{
	color: #00b187;
}
.titulo-secundario{
	color: #22566e;	
}
a{
	color: #00b187;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	section{
			height: auto;
			max-height: auto;
		}
	.h-card h3{
	margin-top: 10%;
	font-size: 1.5rem;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
}