/* DA */
body{background-color:#eee;color:#444;font-family: Verdana, Geneva, Tahoma, sans-serif;}
body{margin:4rem auto; max-width: 830px}
@media screen and (max-width:840px){ body{margin:1rem auto; max-width: 90%} }

/* LOGO */
.logo{
  padding:2rem 2.5rem;
  background-color:#f9f9f9;
  border:1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 4px 6px #ccc
}
@media screen and (max-width:840px){ .logo{ padding:1rem 1.5rem; }
}
.logo h1{
  font-size:4rem; font-weight:200;
  color:rgb(150, 0, 0);
  text-shadow: 2px 2px 10px #888;
}
.logo h2{
  font-size:2.6rem; font-weight:200;
  color:#fff;
  padding-left:4ch;
  text-shadow: 0 0 24px #777;
}
@media print{
  body{background-color:white}
  .logo{padding:1rem 1.5rem; background-color:white;}
  .logo h1{font-size:3.5rem}
  .logo h2{font-size:2.2rem; color:#888}
}

/* MAIN */
.main{
  margin-top:3rem;
  padding:2.5rem;
  font-size:2rem;
  text-align: center;
}
.sub{
  padding:1.2rem;
  font-size:1.2rem;
}