*{
    margin-block-end: unset;
}
html{
    background-color:gray ;
    font-family: calibri,'Sans-serif' ;
}
body{
    width: 80%;
    margin: auto!important;
    background-color: white;
    box-shadow: inset 0 -50px 0 #f26523;
}
header {
    text-align: center;
    border-bottom: 10px solid #f26523;   
}
main {
    margin: 0px 100px;
}
main h2,h3{
    text-align: center;
    padding-top:20px;
}
main p{
    margin-bottom: auto !important;
}
.form-check-inline{
    margin-right: 6.20rem!important;
}
section label{
    margin-bottom: 0!important;
}
.submitbtn{
    background-color: #f26523!important;
    border-color:#f26523!important;
    padding: .375rem 2.75rem!important;
}
#btndiv
{
    text-align: center;
    padding-bottom: 100px;
    padding-top:20px;
}
.input-validation-error {
    background-color: #ffeeee;
    outline: 1px solid #ff0000;
}
#msg
{
    color:#ff0000!important;
}
#thankyou p{
    text-align: center;
}
  #fail{
      color:red;
      font-weight: bold;
  }
  #pass{
      color:green;
      font-weight: bold;
  }
  .modal{
    top: 30%!important;
  }
  #confirm_buttons{
    text-align: center!important;
    display: unset;
  }
  .confirmbtn
  {
    color: #fff!important;
    background-color: #f26523!important;
    border-color:#f26523!important;
    padding: .275rem 1.75rem!important;
  }
  .confirmbtn:hover{
      color:#f26523!important;
      background-color: #fff!important;
      border-color: #f26523!important;
  }
  .modal-content{
    border: 3px solid #f26523!important;
  }
 
  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    h2{font-size: 1.50rem!important;}
    h3{font-size: 1.25rem!important;}
    #thankyou{ margin: 0px 10px;}
    #thankyou p{
        font-size: 0.95rem;
    }
    body {
        width: 100%;
    }
    #main {
        margin: 0px 15px;
    }
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    h2{font-size: 1.70rem!important;}
    h3{font-size: 1.50rem!important;}
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    h2{font-size: 2.2rem!important;}
    h3{font-size: 1.75rem!important;}
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    h2{font-size: 2.5rem!important;}
    h3{font-size: 2rem!important;}
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
   h2{font-size: 2rem!important;}
  }