/* xl */
@media only screen and (min-width : 1200px) {}

/* lg */
@media only screen and (max-width : 1199px) {
	#maternalfin hgroup{
		height: 20rem;
	}
}

/* md */
@media only screen and (max-width : 991px) {
	
	a.nav-link{
		padding:1.5rem 0rem !important;
		border-bottom:solid 1px rgba(255,255,255,0.2);
	}
	a.nav-boton{
		display:inline-block;
		margin:1.5rem 0;
		padding:.75rem 1.5rem !important;
	}
	.carousel-caption h5{
		font-size: 27px;
		line-height:30px;
	}
	.carousel-caption p{
		padding:0.25rem 0;
		font-size:16px;
		line-height:21px;
	}
	
	.slide1 .carousel-caption {
		top:4.5rem;
		right:3rem;
	}
	.slide2 .carousel-caption {
		top:4.5rem;
		left:5rem;
	}
	
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 20px;
	}
	h3{
		font-size: 20px;
	}
	
	.espacio{
		padding:3rem 0;
	}
	.espacio-top{
		padding-top:3rem;
	}
	
	#rompecabezas h2{
		padding:1rem 0rem;
	}
	.textochico p a{
		display:block;
		margin-bottom: 3rem;
	}
	
	#footerhead{
		margin-bottom: 4rem;
	}
	#footerhead img{
		float: left;
		margin-top: 10px;
	}
	#footerhead a.boton{
		float: right;
	}
	#footnodos,#footinfo,#footredes{
		padding-left:0;
	}
	
	/*secundario*/
	#gradiente{
		padding:0 0 5rem 0;
		background:url(../_img/gradiente.jpg) no-repeat center bottom;
		background-size: 1600px;
	}
	.carousel-texto .carousel-caption{
		margin:0;
		padding:3rem 6rem 4rem 5rem;
	}
	
	img#maestra,
	img#crecimiento,
	img#estrella,
	img#estrella2{
		display:none;
	}
	
	.testimonio{
		padding:4rem 4rem;
	}
	.testimonio h4{
		margin-top: 1rem;
	}
	
	#maternalfin hgroup{
		height: 16rem;
	}
	#maternalfin .agrega.mt-5 h2{
		margin-top: 0 !important;
	}
	
}

/* sm */ 
@media only screen and (max-width : 767px) {
	
	#menu{
		z-index: 10 !important;
		position:fixed !important;
		top:0 !important;
		left:0 !important;
	
		display:block !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	
		background:#e42524 !important;
	}
	button:not(.toggle){
	    background-color: #e42524 !important;
	}
	.navbar-dark .navbar-toggler {
	    border-color: rgba(255,255,255,.0) !important;
	}
	
	.carousel-caption p,
	.carousel-caption a{
		display:none;
	}
	.slide1 .carousel-caption,
	.slide2 .carousel-caption{
		top:4.5rem;
		right:0rem;
		left:auto;
		width: 100%;
		text-align: center;
	}
	
	#rompecabezas{
		padding:0;
		background:none;
		text-align: center;
	}
	.cards a span{
		padding:0.75rem 0;
		font-size: 12px;
		font-weight: 700;
		line-height:14px;
	}
	.cards a span em{
		display:block;
	}
	
	#probar{
		text-align: center;
	}
	
	#footer{
		padding:60px 0 30px 0;
	}
	#footerhead{
		margin-bottom: 0rem;
	}
	#footerhead figure{
		display:block;
		width: 100%;
		text-align: center;
	}
	#footerhead img{
		float: none;
		display:block;
		margin:0 auto;
		width: 150px;
		text-align: center;
	}
	#footerhead a.boton{
		clear: both;
		float: left;
		display:block;
		margin:3rem 0 0 0 !important;
		padding:1rem;
		width: 100%;
		text-align: center;
	}
	#footer h6{
		margin-top: 3rem;
	}
	.siete{
		margin:3.5rem; /* ¯\_(ツ)_/¯ */
	}
	
	/*secundario*/
	.carousel-interna .carousel-caption{
		top:3rem;
		right:0rem;
		left:auto;
		width: 100%;
		text-align: center;
	}
	.carousel-interna .carousel-caption h5{
		font-size: 27px;
		line-height:30px;
	}
	
	#gradiente{
		padding:0 0 5rem 0;
		background:url(../_img/gradiente.jpg) no-repeat center bottom;
		background-size: 1920px;
	}
	.carousel-texto .carousel-caption{
		min-height: 700px;
	}
	.carousel-texto .carousel-caption p{
		display:block;
	}
	.plan{
		margin-bottom:2rem;
		padding:4rem;
	}
	.testimonio{
		margin:1rem 15px;
		padding:3rem;
	}
	
	#maternalfin{
		background:#f2f2f2 url(../_img/gradienterojoazul.jpg) no-repeat center top;
		background-size: 1920px;
	}
	.agrega{
		display:none;
	}
	.agregamobile{
		position: relative;
		padding:3rem 0 0 0;
		background:#f2f2f2;
	}
	.agregamobile hgroup{
		position: absolute;
		display:block;
		width: 100%;
		text-align: center;
		bottom:4rem;
	}
	.agregamobile hgroup h2,
	.agregamobile hgroup p{
		color:white;
	}
	.agregamobile hgroup h2{
		margin-bottom: 0;
		font-size: 2rem;
		font-weight: 900;
	}
	
}

/* xs */ 
@media only screen and (max-width : 575px) {}


























