@font-face {
  font-family: 'Tahoma';
  src: url('font/Tahoma.ttf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'Tahoma Bold';
  src: url('font/Tahoma Bold.ttf'); /* IE9 Compat Modes */
}   
  
* {
  margin: 0;
  padding: 0;
  font-family: Tahoma;
}

.logo_img{
   width: 14%;
   height: 7%;
}

.start{
  background: -webkit-linear-gradient(#fa8c3a, #dc6e22);
  background: -moz-linear-gradient(#fa8c3a, #dc6e22);
  background: -o-linear-gradient(#fa8c3a, #dc6e22);
  background: linear-gradient(#fa8c3a, #dc6e22);  /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
  color: #fff;
  padding: 2px;
  border-radius: 5px;
  font-size:19px;
  height: 5%;
  margin-right: -6%;
  font-family:Tahoma;
}

.start:hover,.start:focus,.start:active,.start.focus,.start.active{
  color:#fff;
}
.save:hover,.save:focus,.save:active,.save.focus,.save.active{
  color:#fff;
}

.save{
  background: -webkit-linear-gradient(#fa8c3a, #dc6e22);
  background: -moz-linear-gradient(#fa8c3a, #dc6e22);
  background: -o-linear-gradient(#fa8c3a, #dc6e22);
  background: linear-gradient(#fa8c3a, #dc6e22); 
  color: #fff;padding: 2px;border-radius: 5px;font-size:19px;height: 5%;
  margin-right: 14%;font-family:Tahoma;
}

.left_div{
background:#fff;padding:0; height:375px;
}
.right_div{
border-left:1px solid black;
background: #fff;padding:1% 4% 0% 4%;color: #000;height: 375px; 
margin: 1% 0% 1% 0%;;
}


.footer{text-align: center;
    padding-top: 1%;}

@-moz-document url-prefix() { 
  .start {
     margin-right: -2%;
  }
}

.first_para{
  font-size:16px;font-family:Tahoma;
}
.registration{font-size: 18px;margin-top: 1%;margin-bottom: 2%;padding-left: 7%;text-align: center;font-family:Tahoma Bold;}

.reg_report{font-size: 20px;padding-bottom:2%;text-align:center;font-family:Tahoma Bold;}

.registry{
  font-size: 20px;margin-top:2%;text-align:center;padding: 1% 0 0 0;font-family:Tahoma Bold;
} 

.imgfooter{
  padding-left: 5%;padding-right: 5%;padding-bottom:1%;padding-top:1%;text-align: center;font-family:Tahoma;color:#696b73;font-size:17px;
}
 .back_logo{
  padding-top: 1%;
  font-family:Tahoma Bold;
  font-size: 20px;
  }
  * {
    margin: 0;
    padding: 0;
  }
      *{
          font-family: Tahoma;
      }
      .welcome{
          text-align: center;
      }
      .welcome_header{
      border-top: 1px solid black;text-align: center; font-size:37px;    padding: 1%;
      font-family:Tahoma;
      }
      .col-md-12 h1 {
          font-size: 57px;
          transform: translate(0, 350%);
          color: white;
          }
      
    .regis_link{ color: #fff;
      font-size: 18px;
      float: right;
      background-color: #C05046;
      padding: 1%;    margin-top: -1%;
    }
    .regis_link:hover{ 
      color: #fff; 
      text-decoration:none;
      font-weight:bold;
    }
    #demo{display:inline;}
      .main{
          font-size: 20px;color: #fff; font-size:17px;text-align: center;padding:3%;background-color:#283891;
      }
    .main_text{
          padding:1% 4% 0 23%;color: #000; font-size: 17px;        
  
      }
  
      @media only screen and (max-width: 640px) 
      {
      .col-md-12 h1 {
          font-size: 36px;
          transform: translate(0, 350%);
          color: white;
          }   
      }

/*      media query      */
@media only screen and (max-width: 640px){
  
  .first_para { font-size:15px;}
  .registration{font-size: 15px;}
}

@media only screen and (max-width: 769px){
  .save { margin-left: 22%; margin-right:0px;}

}