body {
  text-align: center;
  margin: 0px 0px 0px 0px;
  letter-spacing: -0.5px;
  font-family: arial, sans-serif, tahoma, helvetica;
QQQ   min-width: 1000px;
}

#page1 {
QQQ   display: table;
QQQ   height: 100%;
QQQ   margin: 0 auto;
QQQ   width: 1000px;
  text-align: left;
}

#section1 {
QQQ   display: table-cell;
QQQ   vertical-align: middle;      
QQQ   border: 1px solid black;
QQQ   border-collapse: collapse;
QQQ   width: 1000px;
  font-size: 20px;
	color: #000064;
  padding: 0px 25px 0px 25px;
}

@media only screen and (max-width: 440px) {
#section1 {
  font-size: 20px;
}
}

.logo2,
.logo1 {
  border: 0px solid #ccc;
  width: 100%;
}

@media only screen and (max-width: 960px) {
.logo2 {
  display: none;
}
}

@media only screen and (min-width: 961px) {
.logo1 {
  display: none;
}
}

a,
a:link,
a:visited,
a:active {
  color: blue;
  text-decoration: none;
}

ol {
  padding: 0px 0px 0px 20px;
}

li {
  font-weight: bold;
}

.main1 {
  background: #D5EDED;
QQQ   max-width: 850px;
  padding: 20px;
  margin: 0px auto;
  text-align: center;
  font-weight: bold;
}

#main1b {
  font-size: 16px !important;
  padding: 10px 0px 0px 0px;
}

.main2 {
QQQ   text-align: center;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: -1px;
  margin: 30px 0px 0px 0px;
}

@media only screen and (max-width: 440px) {
.main2 {
	text-align: center;
  margin: 20px 0px 0px 0px;
}
}

h2 {
  font-size: 30px;
  letter-spacing: -1px;
}

.num1 {
  font-weight: bold;
  color: green;
}

.foot1 {
  text-align: center;
  font-size: 16px;
  background: #000064;
  padding: 10px;
  color: white;
}

@media only screen and (max-width: 440px) {
.gl1 {
  max-width: 300px;
}
}