.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
html, body { height: 100%; }
html { background: #555; margin: 0; padding: 2rem 0;  }
body { font-family: Helvetica, sans-serif; font-size: 1.2rem; }
#wrapper { width: 120rem; margin: 0 auto; color: black; min-height: 100%; page-break-after: always; }
#main { overflow: auto; padding-bottom: 50rem; }
div, section.page, footer { -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, p, ul { font-family: Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.2em; }
img { max-width: 100%; }
section.page { width: 100%; /* height: 155.3rem; */ background: white; /* margin-bottom: 4rem; */ padding: 2rem; position: relative; box-shadow: 0 .2rem 1.5rem rgba(0,0,0,.4); /* overflow: hidden; */ }
section.page:last-of-type { margin-bottom: 0; }
.horizontal { height: 0; width: 100%; border-bottom: .1rem solid black; }


/* Headers */
header { margin: 0rem 0 3rem; padding-bottom: 2rem; border-bottom: .1rem solid black; }
header h1 { font-size: 4rem; text-align: center; font-weight: bold; }
header .left { float: left; }
header .left .logo { width: 18.7rem; margin-bottom: 3rem; }
header .left p { margin: 0; padding: 0; }
header .right { float: right; width: 32rem; margin-right: .5rem; }
header .right .yab { margin: 2rem 0 4.5rem; text-align: right; }
header .right .yab p { padding: 0; margin: 0; }
header .right .summary { text-transform: uppercase; text-align: right; }
header .right .summary p { margin-bottom: 1rem; text-align: center; }
header .right .summary table { font-size: 1.6rem; line-height: 1.2em; width: 100%; }
header .right .summary table th { font-weight: normal; }
header .right .summary table th:nth-of-type(1) { text-align: left; }
header .right .summary table tr td:nth-of-type(1) { text-align: left; }
header .right .summary table tr td:nth-of-type(2) { width: 4rem; }


/* Footers */
footer { position: relative; margin: -46rem auto 0; padding-left: 2rem; height: 46rem; clear: both; width: 116rem; page-break-inside: avoid; }
footer .box1, footer .box2, footer .box3, footer .box4 { border: .5rem solid black; padding: 1rem; }
footer .box1 { margin-bottom: 1rem; }
footer .bottom-row { text-align: center; height: 21rem; }
footer .bottom-row div { text-align: left; display: inline-block; margin: 0 .5rem; width: 27%; height: 21rem; vertical-align: middle; }
footer h2 { text-align: center; margin: 0; padding: 0; }
footer p { margin: 0; padding: 0; }
footer ul { margin: .5rem 3rem; }
footer .bottom-row div.box2 { width: 31.5%; }
footer .bottom-row div.box3 { width: 24%; }
footer .bottom-row div.box4 { width: 41.2%; }


/* Tables */
section.main { padding-bottom: 3rem; border-bottom: .1rem solid black; }
section.main table { font-size: 1.6rem; width: 60%; margin: 0 auto; line-height: 1.3em; text-transform: uppercase; }
section.main table th { font-weight: normal; text-align: right; background: white; }
section.main table th:nth-of-type(1) { width: 13rem; }
section.main table th:nth-of-type(2) { text-align: left; width: 27rem; }
section.main table th:nth-of-type(3) { width: 20rem; }
section.main table td:nth-of-type(3) { text-align: right; }
section.main table td:nth-of-type(4) { text-align: right; }
section.main table th:nth-of-type(4) { text-align: right; }
section.main table th:nth-of-type(5) { width: 20rem; text-align: right }
section.main table td:nth-of-type(5) { text-align: right; }
section.main table tr:nth-of-type(odd) { background-color: #eee; }
section.main table tfoot tr:nth-of-type(odd) { background-color: white; }

section.main table tfoot td:nth-of-type(1) { width: 13rem; }
section.main table tfoot th:nth-of-type(2) { text-align: left; width: 27rem; }
section.main table tfoot td:nth-of-type(3) { width: 20rem; }
section.main table tfoot td:nth-of-type(4) { text-align: right; }
section.main table tfoot th:nth-of-type(5) { width: 20rem; }
section.main table tfoot td:nth-of-type(5) { text-align: right; }

/* Page 1 */
/* #page1 { page-break-after: always; } */


/* Page 2 */
#page2 {  }
#page2 header .right { width: 37rem; }
#page2 header .right .summary table {  }
#page2 header .right .summary table th { text-align: left; }
#page2 header .right .summary table th:nth-of-type(2) { text-align: right; }
#page2 header .right .summary table td:nth-of-type(2) { width: 6rem; text-align: center; }
#page2 header .right .summary table td:nth-of-type(3) { width: 4rem; text-align: right; }
#page2 section.main { padding-bottom: 2rem }
#page2 section.main h2 { font-weight: normal; text-decoration: underline; margin-bottom: 3rem; text-transform: uppercase; }
#page2 section.main table { width: 80%; margin: 0; }
#page2 section.main table th { padding-bottom: 2rem; }
#page2 section.main.checking { margin-top: -1rem; }
#page2 section.main.savings { margin-top: 2rem; margin-bottom: 0rem; }
#page2 section.main table th:nth-of-type(1) { width: 16rem; text-align: left; }
#page2 section.main table th:nth-of-type(3) { width: 40rem; text-align: left; }
#page2 section.main table th:nth-of-type(4) { width: 20rem; text-align: left; }
#page2 section.main table th:nth-of-type(5) { width: 10rem; text-align: left; }
#page2 section.main table td:nth-of-type(1) { width: auto; text-align: left; }
#page2 section.main table td:nth-of-type(2) { width: auto; text-align: left; }
#page2 section.main table td:nth-of-type(3) { width: auto; text-align: left; }
#page2 section.main table td:nth-of-type(4) { width: auto; text-align: left; }
#page2 section.main h2, #page2 section.main table { margin-left: 12rem; }


html { background: white; padding: 0; }
section.page { box-shadow: none; margin-bottom: 0; }


/* Media Queries */
@media print {
  html { background: white; padding: 0; }
  section.page { box-shadow: none; margin-bottom: 0; }
  img {  }
}