html {
  background-image:url(ssaa-1366-blurred.jpg);
  background-color:rgb(164,255,164);
  background-size: 100% auto;
  background-attachment: fixed;
  padding-top: 0;
  font-family: "Roboto", sans;
  font-size: 16pt;
  font-weight: 300;
}
#logo {
  font-size: 40pt; 
  font-weight: 800;
  padding-top: 21px;
/*
  height: 115px;
  width: 380px;
  background-image:url(ssaa.png);
  background-size:100% 100%;
*/
  float: left;
}
#logo span {
/*  position: absolute; left: -9999px;*/
}
span.tag { 
  font-weight: normal;
}
#contact {
  float: right;
}
#vitals {
  clear: left;
  padding: 1em 0em;
  float: left;
  width: 350px;
}
#plans {
  font-weight: 500;
}
img#map {
  float: right;
  clear: both;
  padding: 1em 0em;
  padding-right: 40px;
}
#images {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  text-align: center;
}
body {
  padding: 35px;
  padding-top: 15px;
  margin-top: 0;
  max-width: 950px;
  background: rgba(255,255,255,0.8) /*rgba(164,255,164,0.75)*/;
  color: rgb(50,50,50);
  margin-left: auto;
  margin-right: auto;
}
#mailsvc { 
  clear: both; 
  padding-top: 15px; 
}
dt { margin-top: 0.65em; font-weight: 500; }
ul, li { padding: 0px; margin: 0px; }
ul.rate-deets { list-style-type: none; }
ul.rate-deets li { margin-top: 12px; }
.plan-name { float: left; width: 200px; }
.plan-price { float: left; }
.plan-name { font-weight: 500; }
.free .plan-price, .free-wednesdays, .try-us-out { color: red; }
.plan-deets { clear: both; }
.extra { font-weight: normal !important; }
h2 { margin-top: 25px; }
h3 { margin-bottom: 0px; margin-top: 1li; font-size: 26px; }
#contact, .try-us-out { font-weight: 500; }
@media only screen and (max-width: 930px) {
  html {
    background-image: none; /* it repeats */
  }
  body {
    width: 100%;
    padding: 0px;
  }
  .plan-name, .plan-price { display: inline; width: auto; margin-right: 10px; }
  .plan-name:after { content: ": "; }
  #vitals { float: none; width: 100%; margin-bottom: 1em; }
  /* probably hard to read on a tiny screen anyway */
  #logo { 
    background: none; 
    width: auto; 
    height: auto;
    float: none;
  }
  #logo span { 
    position: static; 
    left: 0px; 
  }
  #contact {
    float: none;
  }
}
@media only screen and (max-width: 600px) {
  img#map {
    float: none;
    max-width: 100%;
  }
  html {
    font-size: 10pt;
  }
  #logo {
    font-size: 16pt;
  }
}