body{
	margin:auto;
	text-align: center;
}

h1 {
	font-size: 3em;
}
h1:before {
  content:url(pictures/barcode.png) ;
  position:relative; 
  margin-right:0.4em;
}

figcaption{
	font-weight: bold;
}

#reader {margin: 0 auto;}

@media only screen and (max-width : 1200px) {
  #reader {width: 100%;}
  #mf_picture {width: 100%;}
  body {width: 100%;}
}

@media only screen and (min-width : 1201px) {
  #reader {width: 500px;}
  #mf_picture {width: 500px;}
  body {width: 600px;}
  input[type="image"] { width:100px; }
}