@font-face {
    font-family: 'proximanovalight';
    src: url('font/proximanovalight.ttf'); /* IE9 Compat Modes */
    }
    @font-face {
    font-family: 'proxima-nova-bold';
    src: url('font/proxima-nova-bold.otf'); /* IE9 Compat Modes */
    }   
 @font-face {
    font-family: 'proximanovalight';
    src: url('font/proximanovalight.ttf'); /* IE9 Compat Modes */
    }	
	* {
  margin: 0;
  padding: 0;
}
    *{
        font-family: proximanovalight;
    }
    .welcome{
        min-height: 498px;
        text-align: center;
        vertical-align: middle;
        background-image: url(image/MedInformatix_Banner.png);
        background-size: contain;
        width: 100%;
    background-repeat: no-repeat;
    }
    .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;}
	
    @media only screen and (max-width: 640px) 
    {
    .col-md-12 h1 {
        font-size: 36px;
        transform: translate(0, 350%);
        color: white;
        }   
    }

.start{background-color:  #25bec8;color: #fff;padding: 5px;border-radius: 3px;border:1px solid #24b7c2;font-size:20px;float:right;height: 10%;
 margin-right: -6%;font-weight:600;
 
 }

.start:hover,.start:focus,.start:active,.start.focus,.start.active{
background-color:#1c8f97;
border-color:#187a81;
color:#fff;

}
.save:hover,.save:focus,.save:active,.save.focus,.save.active{
background-color: #cc4700;
border-color: #b33e00;
color:#fff;
}

.save{
background-color:#ff7933;color: #fff;font-weight: 600;padding: 5px;border-radius: 3px;border:1px solid #ff6a1a;font-size:20px;float:right;height: 10%;
margin-right: 14%;
}

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

.footer{float: left;padding: 1% 0% 0% 44%;background: black;color: white;min-height: 63px;border-top: black 2px solid;font-size:16px; }

.imgfooter{margin-left: 3%;margin-right: 3%;text-align: justify;font-weight: 600;color: #000;font-family:proximanovalight;font-size:16px;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;}

@-moz-document url-prefix() { 
  .start {
     margin-right: -2%;
  }
}
.left_img{
  margin: 1% 8% 0 8%;
}
.note{position: relative;font-weight: 800; font-size: 15px;padding: 0 0 0 5%;font-style: italic;font-family:proxima-nova-bold;}

.reg{font-weight:800;font-size: 18px;margin-top: 1%;margin-bottom: 2%;padding-left: 7%;font-family:proxima-nova-bold;}

.reg_report{font-weight:800;font-size: 22px;padding-bottom:1%;text-align:center;font-family:proxima-nova-bold;}

.Elixir{font-size: 20px;color: #000; font-weight: 600; text-align: justify;font-family:proximanovalight;}

.short_para{padding:1% 4% 0 16%; font-weight: 700;color: #000;font-family:proximanovalight; font-size: 18px;}

.registry{font-weight:800;font-size: 20px;font-family:proxima-nova-bold;padding-left: 6%;margin-top:3%;}
/*.registry{position: relative;font-weight:800;font-size: 20px;margin-bottom: 1%;text-align:center;font-family:proxima-nova-bold;padding: 0 0 0 5%;margin-top:2%;}*/

/****** Media query ******/
@media only screen and (min-width: 766px) and (max-width: 999px){
    .welcome{
        min-height: 260px;
        text-align: center;
        vertical-align: middle;
        background-image: url(image/MedInformatix_Banner.png);
        background-size: contain;
        width: 100%;
    background-repeat: no-repeat;
    }
    .right_div{
margin: 6% 0% 1% 0%;;

    }
    .left_img{
  margin: 1% 8% 0 18%;
  align: middle;
}
.reg{margin-top: 1%;}
.short_para{padding: 1% 4% 0 20%;}
  }
@media only screen and (min-width: 1000px) and (max-width: 1100px){
    .welcome{
        min-height: 300px;
      
    }
    .left_img{
 margin: 1% 8% 0 21%
}
.btns{ margin-bottom: 1%;}
 .footer{margin-top: 1%;}
 .short_para{padding: 1% 4% 0 21%;}
 .Elixir{padding-top: 2%;}

  }
@media only screen and (min-width: 1101px) and (max-width: 1366px){
    .welcome{
        min-height: 400px;
      
    }
    .left_img{
  margin: 1% 8% 0 23%;
}
.btns{ margin-bottom: 1%;}
.note{margin-top:1% !important;}
.start{margin-right:18%;}
.reg{margin-top:2%;font-size:16px;margin-bottom:1%;}
 .note{font-size:14px;}
 .Elixir{font-size:19px;}
 .footer{margin-top: 1%;}
 .short_para{padding: 1% 4% 0 10%;}
  }
@media only screen and (min-width: 466px) and (max-width: 639px){

.welcome{
        min-height: 150px;
        }
      .left_img{margin:0 !important;}  
    
      .Elixir{font-size:15px;}
      .main{font-size:15px;}
      .short_para{font-size:15px;}
      .reg{font-size:15px;}
      .note{font-size:12px;}
      .footer{font-size:12px; padding: 1% 0% 0% 26%;}
      .start{font-size:15px;}
      .save{font-size:15px;}
}
@media only screen and (max-width: 465px){

.welcome{
        min-height: 105px;
        }
      .left_img{margin:0 !important;}  
    
      .Elixir{font-size:13px;}
      .main{font-size:13px;}
      .short_para{font-size:12px;}
      .reg{font-size:12px;}
      .note{font-size:12px;}
      .footer{font-size:12px; padding: 1% 0% 0% 26%;}
      .start{font-size:13px;}
      .save{font-size:13px;}
      .left_div{height:306px;}
}


@media only screen and (min-width: 640px) and (max-width: 765px){
.welcome{
        min-height: 165px;
        }
.left_img{margin:0 !important;}  
    
      .Elixir{font-size:15px;}
      .main{font-size:15px;}
      .short_para{font-size:15px;padding: 1% 4% 0 8%;}
      .reg{font-size:15px;}
      .note{font-size:12px;
    margin-top: 7%;}
      .footer{font-size:12px; padding: 1% 0% 0% 26%;}
      .start{font-size:15px;}
      .save{font-size:15px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1750px){
.reg{margin-top: 2%;margin-bottom: 0;}
.left_div,.right_div{height: 450px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1600px){
    .welcome{
        min-height: 400px;
        }
    .left_div,.right_div{
        height: 500px;
    }
    .short_para{text-align: center;padding-left: 10%;}
    .left_img{margin-top: 2%;}
}