@font-face{font-family:opensans; src:url('opensans.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face{font-family:oswaldb; font-style:normal; font-weight:normal;src:url("/fonts/oswald300.woff") format("woff");}
@font-face{font-family:open; font-style:normal; font-weight:normal;src:url("/fonts/openr.woff") format("woff");}
@font-face{font-family:klee; font-style:normal; font-weight:normal;src:url("/fonts/KleeOne.woff") format("woff");}

#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:60vw;}
#imgs{position:relative; bottom:0;}
#lucia{position:absolute; left:0; bottom:0; width:15vw;}
#peter{position:absolute; right:0; bottom:0; width:19vw;}
.intro{max-width:34em; margin:1em auto; padding:0 2em;}*/
#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;}
