@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700);
body {
  background:#fff;
  font: 16px 'Lora', Times, serif;
  color:black;
  margin-left: 50px;
  margin-right: 50px;
}
#name-check {
  border-right: 2px solid black;
  padding-right: 8px;
  margin-right: 5px;
}
#variation-true {
  border-right: 2px solid black;
  padding-right: 8px;
  margin-right: 5px;
}
input[name="submit"] {
  margin-top: 20px;
}
#footer {
  text-align: center;
}
.footer-links {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
}
.footer-links li {

}
ul.footer-links > li > a {
  text-decoration: none;
}

li.padded-link {
  margin-bottom: 10px;
}
/*iPhone 5:*/
@media only screen and (max-width: 479px) {
body {
  font-size: 24px;
}
input {
  font-size: 32px;
  padding: 5px;
}
input[name="drinkName"]{
  width: 230px;
}
input[name="submit"]{
  width: 230px;
}
#footer {
  margin: 0px auto;
}
}
/*ipad1 portrait*/
@media only screen and (min-width: 480px) and (max-width: 779px){
body {
  font-size: 40px;
}
input {
  font-size: 32px;
  padding: 5px;
}
input[name="drinkName"]{
  width: 500px;
}
}
/*ipad2 landscape*/
@media only screen and (min-width: 780px) and (max-width: 1024px){
body {
  font-size: 44px;
}
input {
  font-size: 32px;
  padding: 5px;
}
input[name="drinkName"]{
  width: 500px;
}
}