@font-face{font-family:opensans; src:url('opensans.woff') format('woff'); font-weight:normal; font-style:normal;}
body{font-family: opensans, sans-serif; font-size:100%; background-color: #fff; color:#222;}
#box{max-width:37em;margin: 2em auto 0 auto;font-size:1.2em;line-height:1.5em;}
#header {height: 5em; background-color: #ffffff; padding: 0.6em;text-align:center;}
#banner {display: inline-block; float: left;width: 10%;}
#logo {height: 7em; padding-left: 1em; position: absolute; top: .5em; left: .5em;}
#ttl {color: #2e0053;padding-top:1em;font-size:2.4em;margin-left:3.5em;}
#ttl {color: #2e0053;padding-top:0;font-size:2.4em;text-align:center;font-family:klee, sans-serif;}
#box{max-width:44em;margin: 2em auto 0 auto;font-size:1em;line-height:1.4em;font-family:klee, sans-serif;}
a{text-decoration: none;}
.link{color:#3366aa; border-bottom:1px solid #ddd;}
#btns{text-align:center;margin:2em auto;width:24em;}
#imgs{position:relative; bottom:0;}
#lucia{position:absolute; left:0; bottom:0; width:10em;}
#peter{position:absolute; right:0; bottom:0; width:12em;}
.intro{max-width:44em; margin:1em auto; padding:0;}
.btn{display:inline-block;cursor:pointer; text-align:center; text-decoration:none; background-color:#CF232B; margin:0 auto 0 auto; padding:.5em 1em; color:#fff;}
.btn:hover {display:inline-block;cursor:pointer; text-align:center; text-decoration:none; background-color:#a70615; margin:0 auto 0 auto; padding:.5em 1em; color:#fff;}

.btn2{display:inline-block;cursor:pointer; text-align:center; text-decoration:none; background-color:#fff; margin:0 auto 0 auto; padding:.5em 1em; color:#CF232B; border: solid 1px #CF232B;}
.btn2:hover {display:inline-block;cursor:pointer; text-align:center; text-decoration:none; background-color:#a70615; margin:0 auto 0 auto; padding:.5em 1em; color:#fff;}