#div1, #div2
{width:334px; height:79px;margin:10px;border:2px solid; border-color:black
}

#helpCard {
  display: none;
  width: 96%;
  margin: auto;
  position: absolute;
  border: 3px solid #000000;
  background-color: #FFFFFF;
  z-index: 5;
}

.closeBtn {
  background-color: #cacaca;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 20px;
}

.helpSide {
  width: 49%;
  float:left;
  padding: 5px;
}

#helpCard h3 {
  text-align: center;
}

#helpCard table tr {
  background-color: #b7c8e3;
}

#helpCard table tr:nth-child(odd) {
  background-color: #cfd5e0;
}

#helpCard table tr:first-child {
  background-color: #326ebc;
  color: #FFFFFF;
  font-size: 80%;
  height: 40px;
}

#helpCard th, #helpCard td {
  padding: 4px 6px;
  vertical-align: top;
}
  
#helpCard th {
  text-align:left;
}
  
#helpCard td, #helpCard th {
  border: 2px solid #FFFFFF;
}

#helpCard tr td:first-child {
  text-align: center;
}

#helpCard tr td:last-child {
  font-weight: bold;  
}

#thankyou {
  text-align: center;
}
  
html {
    font-size: 62.5%;
}

body {
    font-size: 1em;
}

@media (max-width: 300px) {
    html {
        font-size: 60%;
    }
}

@media (min-width: 500px) {
    html {
        font-size: 70%;
    }
}

@media (min-width: 700px) {
    html {
        font-size: 70%;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 100%;
    }
}