body {
    font-family: Arial, Helvetica, sans-serif;
}

.box {
  float: left;
  width: 50%; /* three boxes (use 25% for four, and 50% for two, etc) */
  padding: 30px; /* if you want space between the images */
}

.seperator {
  float: left;
  width: 20px; /* three boxes (use 25% for four, and 50% for two, etc) */
  background: purple;
}

.smallNumberInput  {
	text-align: center;
}
.clearfix::after {
 content: "";
 clear: both;
 display: table;
}

main {
    width: 800px;
    margin: 0 auto;
    padding: 1em;
    background: white;
    border: 2px solid navy;
}
h1 {
    margin-top: 0;
    color: navy;
}
label {
    width: 10em;
    float: left;
    padding-right: 1em;
    padding-bottom: .5em;
}

td  {
	text-align:center;
}

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#data input {
    float: left;
    width: 15em;
    margin-bottom: .5em;
}
#data span {
    padding-left: .25em;
}
#buttons input {
    margin-bottom: .5em;
}



br {
    clear: left;
}