html, body { margin: 0; height: 100%; }

.page { height: 100%; margin-left: 5.71429%; margin-right: 5.71429%; }

.header { position: relative; top: 50%; max-width: 788px; margin: 0 auto; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.header .logo { 
  text-indent: -119988px; 
  overflow: hidden; 
  text-align: left; 
  background-image: url('/images/logo.jpg'); 
  background-repeat: no-repeat; 
  background-position: 50% 50%; 
  width: 883px; 
  height: 210px; 
  -webkit-background-size: contain; 
  -moz-background-size: contain; 
  -o-background-size: contain; 
  background-size: contain; 
  background-position: center center; 
  width: 100%; 
  max-width: 883px; 
  height: 0; 
  padding-top: 24.61929%; 
  margin: 0 auto 10%; 
}
.header .contact { font-size: 25px; line-height: 25px; }
.header .contact span { color: #888; margin-right: .3em; }
.header .contact a { color:#333; text-decoration:none; }
.header .contact a:hover { text-decoration: underline; }
@media (min-width: 47em) { .header .contact { font-size: 21.03444px; line-height: 48px; } }
a { font-family: 'Bree Serif', serif; }