body{
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 24px;
	color: #882121;
	background-image: url("images/back.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right top 150px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
    border-color: #c53131;
	width: 40%;
}

.mobile
{
    font-size:40px;
    padding:3px 12px;
    border-color: #c53131;
    text-align: center;
    width: 90%;
    border-radius: 3px;
    line-height: 1.42857143;
}

a:link {color:#c53131;text-decoration:none;}
a:visited {color:#c53131;text-decoration:none;}
a:hover {text-decoration:underline;}

input
{
    font-size:24px;
    padding:3px 12px;
    border-color: #c53131;
    text-align: center;
    width: 40%;
    border-radius: 3px;
    line-height: 1.42857143;
}
.inputsmall1
{
    font-size:24px;
    padding:3px 12px;
    border-color: #c53131;
    text-align: center;
    width: 25%;
    border-radius: 3px;
    line-height: 1.42857143;
}
.inputsmall2
{
    font-size:24px;
    padding:3px 12px;
    border-color: #c53131;
    text-align: center;
    width: 15%;
    border-radius: 3px;
    line-height: 1.42857143;
}

.inputsmall3
{
    font-size:40px;
    padding:3px 12px;
    border-color: #c53131;
    text-align: center;
    width: 55%;
    border-radius: 3px;
    line-height: 1.42857143;
}
.inputsmall4
{
    font-size:40px;
    padding:3px 12px;
    border-color: #c53131;
    text-align: center;
    width: 35%;
    border-radius: 3px;
    line-height: 1.42857143;
}

.outer {
    display: table;
    position: absolute;
    height: 99%;
    width: 99%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: /*whatever width you want*/;
}

.btn1{
    width: 40%;
    color: #FFF;
    border-color: #c53131;
    background-color: #c53131;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 12px;
    font-size: 24px;
    line-height: 1.42857143;
    border-radius: 3px;
    margin: 0;
    font-family: 'Roboto', Arial, sans-serif;
    box-sizing: border-box;
}
.btn1:focus,
.btn1:active:focus,
.btn1.active:focus,
.btn1.focus,
.btn1:active.focus,
.btn1.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn1:hover,
.btn1:focus,
.btn1.focus {
  color: #ffffff;
  background-color: #882121;
  text-decoration: none;
}
.btn1:active,
.btn1.active {
  color: #ffffff;
  background-color: #5b1818;
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn2{
    width: 40%;
    color: #FFF;
    border-color: #dc7c3c;
    background-color: #dc7c3c;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 12px;
    font-size: 24px;
    line-height: 1.42857143;
    border-radius: 3px;
    margin: 0;
    font-family: 'Roboto', Arial, sans-serif;
    box-sizing: border-box;
}
.btn2:focus,
.btn2:active:focus,
.btn2.active:focus,
.btn2.focus,
.btn2:active.focus,
.btn2.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn2:hover,
.btn2:focus,
.btn2.focus {
  color: #ffffff;
  background-color: #ff6600;
  text-decoration: none;
}
.btn2:active,
.btn2.active {
  color: #ffffff;
  background-color: #7f3300;
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


.btn3{
    width: 90%;
    color: #FFF;
    border-color: #c53131;
    background-color: #c53131;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 12px;
    font-size:40px;
    line-height: 1.42857143;
    border-radius: 3px;
    margin: 0;
    font-family: 'Roboto', Arial, sans-serif;
    box-sizing: border-box;
}
.btn3:focus,
.btn3:active:focus,
.btn3.active:focus,
.btn3.focus,
.btn3:active.focus,
.btn3.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn3:hover,
.btn3:focus,
.btn3.focus {
  color: #ffffff;
  background-color: #882121;
  text-decoration: none;
}
.btn3:active,
.btn3.active {
  color: #ffffff;
  background-color: #5b1818;
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



.btn4{
    width: 90%;
    color: #FFF;
    border-color: #dc7c3c;
    background-color: #dc7c3c;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 12px;
    font-size: 40px;
    line-height: 1.42857143;
    border-radius: 3px;
    margin: 0;
    font-family: 'Roboto', Arial, sans-serif;
    box-sizing: border-box;
}
.btn4:focus,
.btn4:active:focus,
.btn4.active:focus,
.btn4.focus,
.btn4:active.focus,
.btn4.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn4:hover,
.btn4:focus,
.btn4.focus {
  color: #ffffff;
  background-color: #2a9a2d;
  text-decoration: none;
}
.btn4:active,
.btn4.active {
  color: #ffffff;
  background-color: #1a5c1c;
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}