@charset "UTF-8";
/* CSS Document */
@media (min-width: 320px){
	#sm{
		display: block;
	}
	#md{
		display: none;
	}
	#xl{
		display: none;
	}
}
  
@media (min-width : 570px ){
	#xl{
		display: none;
	}
	#med{
		display: block;
	}
	#sm{
		display: none;
	}
}
@media (min-width: 768px) { 
	#xl{
		display: block;
	}
	#sm{
		display: none;
	}
	#med{
		display: none;
	}
}
@media (min-width: 992px) { 
	#xl{
		display: block;  
	}
	#sm{
		display: none;
	}
	#med{
		display: none;
	}
}
@media (min-width: 1200px) { 
	#xl{
		display: block;  
	}
	#sm{
		display: none;
	}
	#med{
		display: none;
	}
}

.textos{
    font-family: 'Poppins', sans-serif;
    color: black;
    text-align: center;
}
.titulos{
	font-weight: 500;
	font-family: 'poppins', sans-serif;
	color: #ff2a89;
	font-size: 45pt;
}
.menu{
	font-weight: 500;
	font-family: 'poppins', sans-serif;
	color: #ff2a89;
	font-size: 14pt;
}
.img1{
	width: 401px;
	height: 630px;
	background-image: url("imagenes/se1.png");
}

.img1:hover{
	background-image: url("imagenes/se2.png");
}

.img2{
	width: 401px;
	height: 630px;
	background-image: url("imagenes/md1.png");
}

.img2:hover{
	background-image: url("imagenes/md2.png");
}

.img3{
	width: 401px;
	height: 630px;
	background-image:url("imagenes/ic1.png");
}

.img3:hover{
	background-image: url("imagenes/ic2.png");
}

.caja-principal{
    width: 236px;
    height: 274px;
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
	padding-top: 25px;
    display: flex;
    align-items: center;
	box-shadow: 0px 10px 10px -6px grey;
    flex-direction: column;
}

.cajita{
	width: 295px;
    height: 95px;
    background-color: #FFF5EE; /* For browsers that do not support gradients */
    border-radius: 10px;
    padding: 10px 20px;
	padding-top: 25px;
    display: flex;
    align-items: center;
	box-shadow: 0px 10px 10px -6px grey;
    flex-direction: column;
}
.imagen{
    flex-shrink: 0;
    width: 70px;
}
.imagen img{
    width: 100%;
}
.titulo1{
	font-family: 'Poppins' sans-serif;
	color: #f7a3b5;
	font-size: 20pt;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
}
.texto{
	font-family: 'Poppins' sans-serif;
	color: #808080;
	font-size: 10pt;
	font-weight: 400;
	text-align: center;
}


.flex-container {
	display: flex;
	justify-content: center;
	background-color: white;
}

.flex-container > div {
	background-color: white;
	width: 263px;
	height: 259px;
	margin: 30px;
}
.flex-container2 > div {
	background-color: white;
	width: 401px;
	height: 630px;
	margin: 100px;
}

	/*-=-=-=-=-=-=-=-=-=-=-=- */
	/* Column Grids */
	/*-=-=-=-=-=-=-=-=-=-=-=- */
	
	.col_half { width: 49%; }
	.col_third { width: 32%; }
	.col_fourth { width: 23.5%; }
	.col_fifth { width: 18.4%; }
	.col_sixth { width: 15%; }
	.col_three_fourth { width: 74.5%;}
	.col_twothird{ width: 66%;}
	.col_half,
	.col_third,
	.col_twothird,
	.col_fourth,
	.col_three_fourth,
	.col_fifth{
		position: relative;
		display:inline;
		display: inline-block;
		float: left;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.end { margin-right: 0 !important; }
	/* Column Grids End */
	
	.wrapper { width: 980px; margin: 30px auto; position: relative;}
	.wrapper2 { width: 280px; margin: 15px auto; position: relative; align-content: center;}
	.counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px;}
	.count-title { font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
	.count-text { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
	.fa-2x { margin: 0 auto; float: none; display: table; color: #ff2a89; }