@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Catamaran:900);
/* Old red #d92227 */
body {margin:20px;background:url(../images/DSC_6502.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;background-attachment: fixed;font-family: 'Lato', sans-serif;font-size:1.1em;line-height:1.6em}
h1 {font-family: 'Catamaran', sans-serif;color:#000099;font-weight:900;font-size:3em; line-height:1.1em;text-align:center;}
#canvas {background:#fff;width:95%;max-width:1280px;height:auto;margin:auto;padding:4px 20px;border-radius:15px;opacity:0.9;}
@media screen and (max-width: 1022px) {
.screen {display:none;}
}
@media screen and (min-width: 1023px) {
.mobile {display:none;}
}
#content {opacity:1.0;}
#footer {font-size:0.8em;text-align:center;}
a:link {color: #000099;text-decoration:none;padding:0 4px;font-weight:700;}
a:visited {color: #000099;}
a:hover {color: #fff;background:#000099;}
a:active {color: #000099;}
.label {width:70px;float:left;}
.graphic1 {padding:20px 0 10px;width:100%;}
.graphic1:hover {cursor:none;}
.graphic2 {padding-top:10px;width:100%;}
.graphiclink:hover {background:none !important;}
.mobile{width:273px;margin:0 auto;}
.keys {width:273px;margin:auto;}