body{
	font-family: verdana;
}

#actividad{
	width: 90%;
	margin: 0 auto;
	margin-left: 8%;
}

.row{
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2em;
}



.row > *, .row2 > *{
	display: inline-block;
	vertical-align: middle;
}


.person > *{
	display: inline-block;
}
.number{
	font-size: 3em;
	color:#35BB8E;
	font-family: arial;
	font-weight: bold;
	position: relative;
	top: -1em;

}

.photo{
	width: 112px;
	height: 160px;
	border: 2px solid #000;
}

.answer{
	visibility: hidden;
}

@media screen and (min-width: 768px){
	.row .person{
		width: 32%;
	}
	.row2 .person{
		width: 45%;
	}
	.row2{
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#buttons{
		top:80%;
	}
}

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

}

@media screen and (min-width: 1200px) {
	.row .person{
		width: 25%;
		margin-left: 5%;
	}
	.row2 .person{
		width: 44%;
		margin-left: 5%;
	}
	.row2{
		display: block;
		width: 50%;
		margin: 0 auto;
	}
}

select{
	background-color:#1A9169;
	color:#FFFFFF;}
#mueve{
	margin-top:30px;}