@charset "UTF-8";
body{
	font-family: arial;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	/*background:url(images/school_1.jpg);
	background-repeat:no-repeat; */
}
html {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Verdana, sans-serif;
  font-weight: 400;
  line-height: 1;
  margin: 20px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}

hr {
  height: 0;
  border: 0;
  border-top: 1px solid #eee;
  margin: 20px 0;
}
lable{
	color:#000033;
	
}
@media screen and (min-width: 600px) {
	#home_header{
		background-image: url("images/donsmis_header.png");
		background-repeat:no-repeat;
		background-size:auto;
		background-position: 50% 90%;
		background-color:white;
		height: 90px;
	
	}
	#sign_in{
		position:relative;
		width: 60%;
		height:70%;
		top:40%;
		margin-left: 20%;
		margin-right: 20%;
		text-align:center;
		background:#f7f7f7;
		border:3px solid green;
		border-radius:7px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	}

	.text_inputs:hover{
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	#display_student_details_div{
		background:red;
	}
	#school_name{
		/*background:url(../images/background_1.jpg);*/
		font-size:20pt;
		color:rgb(250, 200, 56);
		text-align:center;
		font-weight:bold;
	}
	#footer_section{
		width:100%;
		font-size:20pt;
		color:rgb(250, 200, 56);
		text-align:center;
		font-weight:bold;
		position:absolute;
		
	}
	#application_name{
		
		font-size:20pt;
		color:rgb(250, 89, 56);
		text-align:center;
		font-weight:bold;
	}

}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

	h1, h2, h3, h4, h5, h6 {
		font-family: "Segoe UI", Verdana, sans-serif;
		font-weight:100;
		line-height: 1;
		margin: 20px 0;
	  }
	  
	  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		  font-weight: inherit;
	  }
	  h1 {font-size: 36px}
	  h2 {font-size: 30px}
	  h3 {font-size: 24px}
	  h4 {font-size: 20px}
	  h5 {font-size: 18px}
	  h6 {font-size: 16px}
	  
	  hr {
		height: 0;
		border: 0;
		border-top: 1px solid #eee;
		margin: 20px 0;
	  }
	  lable{
		  color:#000033;
		  
	  }
	  #home_header{
		  background-image: url("../images/sectela_header_mobile.png");
		  background-repeat:no-repeat;
		  background-size:auto;
		  background-position: 50% 50%;
		  height: 40px;
		 
	  }
	  #sign_in{
		  position:relative;
		  width: 350px;
		  height:450px;
		  top:30%;
		  margin: 10%;
		  text-align:center;
		  background:#f7f7f7;
		  border:3px solid green;
		  border-radius:7px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	  }

	  .text_inputs:hover{
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  }
	  
	  #display_student_details_div{
		  background:red;
	  }
	  #school_name{
		  /*background:url(../images/background_1.jpg);*/
		  font-size:16pt;
		  color:rgb(250, 200, 56);
		  text-align:center;
		  font-weight:bold;
	  }
	  #footer_section{
		  width:100%;
		  font-size:16pt;
		  color:rgb(250, 200, 56);
		  text-align:center;
		  font-weight:bold;
		  position:absolute;
		  
	  }
	  #application_name{
		  
		  font-size:18pt;
		  color:rgb(250, 89, 56);
		  text-align:center;
		  font-weight:bold;
	  }

  }