body {
  background-image:    url("/images/beer_background.gif");
  background-color:    #D87801;
  background-size:     cover;
  background-repeat:   no-repeat;
  background-size: 100% 125%;
}

h1 {
  color: #000000;
  font-family: 'MedievalSharp', fantasy;
  font-size: 7vw;
  color: #1E4D2B;
}

table, td { 
  border-spacing: 0;
  border-collapse: collapse;
}

h2 {
  color: #669900;
  font-family: 'MedievalSharp', fantasy;
  font-size: 36pt;
}

h3 {
  color: #000000;
  font-family: 'MedievalSharp', fantasy;
  font-size: 2vw;
}

div {
  color: #cc3300;
  font-family: 'MedievalSharp', fantasy;
  font-size: 11pt;
}

.button {
  background-color: #1E4D2B; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 12px;
  font-family: 'MedievalSharp', fantasy;
  width: 50%;
  font-size:3.75vw;
}

.button:hover {
  background-color: #1E4D2B;
  color: #CC9900;
  font-size:4vw;

}

#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 190px;
    height: 120px;
    padding: 4px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

.responsive {
  width: 30%;
  height: auto;
}