body{
	font-family: 'Droid Sans', 'Helvetica', Arial, sans-serif;
	background-color: #ABF;
	margin:5%;
	text-align: center;
}

header, footer, article{
  padding:3%;
  border:8px double #EFF;
  background-color:#CCE;
}

h1{
	margin:1%;
	font-size:6vw;
}

h2{
	font-size:5vh;
	font-variant: bold;
}

button{
  display:block;
  float:left;
  background-color:#A4F;
  color:#EFF;
  font-weight:bold;
  border-radius:40%;
  border:5px double #EFF;
  cursor:pointer;
  padding:5px 10px;
  margin-top:1%;
}
button:hover{
  background-color:#093;
}

article{
  display: -webkit-flex;
  display:flex;
}

#div_imagen{
	flex:2 1 50%;
    order: 1;
	max-width:50%;
	margin-right:auto;
	margin-left:auto;
}
#imagen{
	width:50%;
}

#div_crono{
	flex:2 1 50%;
 	order: 2;
	max-width:50%;
	margin-right:auto;
	margin-left:auto;
}

#crono{
	font-size: 4.5vw;
	margin:20%;
	padding: 3% 5%;
	border:10px double #EFF;
	background-color:#A4F;
  	color:#EFF;
  	font-weight:bold;
  	border-radius:40%;
}

a{
  text-decoration:none;
  color:#000;
}
a:hover{
  background-color:#093;
  color:#FFF;
}