h2 {
  line-height: 4;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 18px;
}
a {
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  color: #000;
}
a:active {
  background-color: transparent;
}
a:hover {
  color: #000;
}

ul {margin:20px auto;}
li {
    display: inline;
	border:solid 0px #000;
	
	margin:auto;


}

section.student,section.student_icon {
  background: url('images/student_login.png') no-repeat top center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

section.ac,section.ac_icon {
  background: url('images/young-happy-female-teacher-with-arms-crossed-stand-PVHMP7T-resized.jpg') no-repeat top center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

section.nac,section.nac_icon {
  background: url('images/nac_login.png') no-repeat top center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

section.admin,section.admin_icon {
  background: url('images/teacher-holding-laptop-by-school-WVLP9FN-resized.jpg') no-repeat top center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}
section.parent,section.parent_icon {
  background: url('images/parent_login.png') no-repeat top center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}
section.member_signup {
	width: 350px;
  height: 300px;
  margin:0;
  background: url('images/individual_m.jpg') no-repeat top center ;
  background-size: contain;
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
 
}
section.center_signup {
	width: 350px;
  height: 300px;
  margin:0;
  background: url('images/schoolRegisteration_m.jpg') no-repeat top center ;
  background-size: contain;
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
 
}
section.firstentry_signup {
	width: 350px;
  height: 300px;
  margin:0;
  background: url('images/first_entry_m.jpg') no-repeat top center ;
  background-size: contain;
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
 
}
div.register_arrow {
	width: 450px;
    height: 390px;
  margin:0;
  background: url('images/register_arrow.png') no-repeat top center ;
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */

}
section {
 width: 230px;
  height: 160px;
  background-color: white;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin:0 0 5px 0;
}
section:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*bottom: -225px;*/
  bottom: 318px;
 
}
section:hover:before {
	bottom: 0;
	color:#fff;
	font-size:20px;
	top:0;
	padding-left:5px;
	padding-top:20px;
   
}


/* section:hover .texts {
	display:block;
}
section .texts {
display:none;
padding:20px;
color:blue;
font-size:20px;
} */

section a {
  /* width: 100%; */
  height: 100%;
  position: relative;
  display: block;
}
section .text {
  z-index: 10;
  width: 100%;
  display: block;
  bottom: 0;
  position: absolute;
  left: 0;
  text-align: center;
}
section .text h2 {
  color:#000;
}
section .text img {
  margin-bottom: 20px;
}




input[type=number]{
	border: 1px solid #8c8585;
}


/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}