#main_div 
 { background: url("bg.png");
 text-align: center;
 max-width: 100%;
 padding: 50px 25% 50px 25%; }  

  @media only screen and (max-width: 500px) {
  #main_div {
    padding: 50px 10% 50px 10%;
  }
}


#main_div1 
 { background: url("bg.png");
 text-align: center;
 max-width: 100%;
 padding: 50px 25% 50px 25%; }  

  @media only screen and (max-width: 500px) {
  #main_div1 {
    padding: 50px 10% 50px 10%;
  }
}

#main_div2 
 { background: url("bg.png");
 text-align: center;
 max-width: 100%;
 padding: 50px 25% 50px 25%; }  

  @media only screen and (max-width: 500px) {
  #main_div2 {
    padding: 50px 10% 50px 10%;
  }
}

h1, h2, h3
{
  padding: 0px !important;
}
 .form-outline
 {
  text-align: -webkit-center;
 }
 .form-control
 {
  margin-bottom: 10px;
  max-width: 400px;
  font-size: 1.5rem;
 }
 .form-outline
{
  margin-top: 20px;
}
 .btn-secondary
 {
  margin-top: 20px;
  background-color: #252628;
  padding: 8px 25px 8px 25px;
 }

#cal_btn_1, #cal_btn, #cal_btn_2
{
    display: block !important;
}