body{
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	background: url(../imagenes/1-fondo-cripfa.png);
}


div figure{
	/*float: left;*/
}

div figure img {
	width: 20px
	height: 20px;
	display:block;
	margin:auto;
	margin-top: 100px
}

section {
	border-color: white;
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	display: inline-block;
	font-size: 1,1em;
	margin: 30px 10% 20px 10%;
	width: 75%;
	padding: 0px 0px 0px 10px;
}


section h1{
	text-align: center;
	color: white;
	/*float: left;*/
	font-size: 1.6em;
	display: inline-block;
	padding: 0px;
	
}

div p{
	text-align: center;
	color: white;
	font-size: 1.2em;
	display: inline-block;
	padding: 0px;
}

/*ESQUELETO PARA RESPONSIVE DESIGN :D*/


@media screen and (min-width: 480px) {
	section h1{
		text-align: center;
		width: 75%;
		margin: 10px 2% 10px 2%;
	}
	div p {
		width: 75%;
		text-align: center;
		color: white;
		font-size: 1.4em;
		display: inline-block;
		padding: 0px;
	}

}


@media screen and (min-width: 767px) {
	section h1{
		width: 100%;
		margin: 2px 0% 2px 0%;
		text-align: center;
	}
	section {
		border-style: solid;
		border-color: white;
		width: 25%;
		margin: 20px 37% 60px 38%;
		border-radius: 10px;
		padding: 10px 0px 10px 0px;
	}
	div p {
		width: 100%;
		text-align: center;
		color: white;
		font-size: 1.4em;
		display: inline-block;
		padding: 0px;
	}

}

@media screen and (min-width: 950px) {

	section h1{
		width: 100%;
		margin: 0px 0% 0px 0%;
		text-align: center;
	}

	section {
		border-style: solid;
		border-color: white;
		width: 25%;
		margin: 20px 37% 20px 38%;
		border-radius: 10px;
		padding: 10px 0px 10px 0px;
	}

	div p {
		width: 100%;
		text-align: center;
		color: white;
		font-size: 1.2em;
		display: inline-block;
		padding: 0px;
	}

}
