html,body{
	/*overflow-y: hidden;*/
	padding-top: 35px;
}

/* Navbar */
.underbar > li{
	border: 2px solid transparent;
	transition: 0.2s width ease;
	padding: 5px;
	position: relative;
}

ul.underbar > li:before{
	content: '';
	box-sizing: border-box;
	bottom: 0;
	position: absolute;
	left: 0;
	height: 1px;
	width: 0;
	background: transparent;
	border: 2px solid transparent;
	transition: width .2s linear,
				border .2s linear;
}

ul.underbar > li:hover:before{
	width: 100%;
	border: 1px solid white;
	color: #ffffffff;
	background: #ffffffff;
}

/*Alumini's Login*/
h2.heading{
	font-weight: 100;
}

.cont-custom{
	height: 100vh;
	background: #007bff;
    color: #ffff;
}

.alumini-intial-content{
	top: 35%;
	position: relative;
	z-index: 1;
}

#usr-create,#usr-login{
	display: none;
	z-index: 1;
}

.panel-usr-login{
	background: #ffffffff;
	padding: 20px;
	position: relative;
	top: 25%;
	border-radius: 2%;
}


@media (max-width: 420px) {
	.cont-custom{
		height: 100vh;
	}
}

label{
	color: black;
}

/* Alumini Create */
.login-custom-create{
	top: 10% !important;
	overflow-y: scroll;
	max-height: 570px;
}

.heading-panel{
	font-weight: 100;
	color: black; 
	text-align: center;
}

.trigger-alumini-info{
	display: none !important;
}

.particles-js-canvas-el{
	top: 0;
	position: fixed;
}

/*PhotoGallery */
#photogallery,#office-bearers,#alumini-info,#feedback{
	display: none;
}

#home{
	display: block;
}

/* Main Page */
.heading-main{
	padding-top: 20px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: 200;
	/*margin-bottom: 0;*/
}

.heading-main:before {
	position: relative;
	content: '';
	box-sizing: border-box;
	top: 0;
	left: 0;
	background: red;
	height: 100%;
	width: 5px;
	border: 2px solid red;
	margin-right: 5px;
	border-width: 100%;
}

.comment-box-form{
	margin-top: 10%;
}