@charset "utf-8";

#eprova { padding: 31px 0;}
#eprova .nomesi h1 { width: 95%; font-size: 1.4em; line-height: 1;}
#eprova .nomesi h2 { width: 95%; font-size: 1em;}

#eprova .iniciar { align-items: center;}
#eprova .iniciar .lado1 { flex: 0.4; font-size: 0;}
#eprova .iniciar .lado2 { flex: 1; margin: 0 0 10px 10px;}
#eprova .iniciar .cpf { align-items: flex-end;}

#eprova .resultados { align-items: flex-start;}
#eprova .resultados .lado1 { flex: 0.4; font-size: 0;}
#eprova .resultados .lado2 { flex: 1; margin: 0 0 10px 10px;}

#eprova .distancias .item { margin-left: 8px;}
#eprova .distancias .item h2 { font-size: 1.1em;}
#eprova .distancias .item h3 { font-size: 0.9em;}
#eprova .distancias .i1 { margin-left: 0;}

@media only screen and (max-width: 800px){
  #eprova { padding: 11px 0;}
}