*{margin:0; padding:0;}
 body {
	margin: 0px;	
	padding: 0px;
	font-family: 'Nunito Sans', sans-serif;	
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-family: 'Rajdhani', sans-serif;*/
}
.leftpaneldiv {
	height: 500px;
	display: inline-block;
	width: 30%;
	vertical-align: top;
	text-align: left;
	margin: 4% 5% 2% 15%;
	border: 1px solid lightgray;
	border-radius:5px;
	box-shadow: 1px 0px 10px 2px lightgray;
	overflow: hidden;
}
.leftpaneldiv:hover {
	box-shadow: 1px 0px 10px 2px gray;
}
.rightpaneldiv {
	position: relative;
	height: 500px;
	display: inline-block;
	width: 30%;
	vertical-align: top;
	text-align: left;
	margin: 4% 14% 2% 5%;
	/*border: 1px solid lightgray;*/
	border-radius:5px;
	overflow: hidden;
}
#loadingicon {
	position: absolute;
	top: 40%;
	left: 40%;
	visibility: hidden;
	display: none;
	font-size: 40px;
	background:none;
	
}

.formpaneldiv {
	position: relative;
	/*height: 500px;*/
	display: inline-block;
	width: 70%;
	vertical-align: top;
	text-align: left;
	margin: 4% 15% 2% 15%;
	/*border: 1px solid lightgray;*/
	border-radius:5px;
	overflow: hidden;
}
.nheader {
	width: 80%;
	margin: 0px auto;
	background-color: #467aa7;
	height: 110px;
	color:#ffffff;
}
.hone{
	padding:35px 0px 0px 20px;
	font-size:28px;
	background-color:inherit;
	color:#ffffff;
	letter-spacing:-1px;
	font-weight:normal;
}

.htwo{
	margin:0px 0px 0px 40px;
	padding-left: 0px;
	font-size:18px;
	background-color:inherit;
	color:#f0f2f4;
	letter-spacing:-1px;
	font-weight:normal;
}
.sidemenuclass {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #467aa7;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px;
  text-align: left;
}

.sidemenuclass a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #000000;
  display: block;
  transition: 0.3s;
  text-align: left;
}

.sidemenuclass a:hover {
  color: #f1f1f1;
}

.sidemenuclass .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 20px;
  margin-left: 50px;
  color: #ffffff;
}
#welcome {
    visibility: visible;
}
#welcomenav {
    visibiliby: hidden;
    display: none;
}
@media screen and (max-width: 600px) {
	.leftpaneldiv {
		height: 100px;
		display: block;
		width: 100%;
		vertical-align: top;
		text-align: left;
		margin: 1px auto 40px;
		border: 1px solid lightgray;
		/*border-radius:5px;*/
		box-shadow: 1px 0px 10px 2px lightgray;
		overflow: hidden;
	}
	.rightpaneldiv {
		position: relative;
		/*height: 500px;*/
		display: block;
		width: 95%;
		vertical-align: top;
		text-align: left;
		margin: 2px auto 20px;
		/*border: 1px solid lightgray;*/
		border-radius:5px;
		overflow: hidden;
	}
    .sidemenuclass {
		padding-top: 15px;
	}
    .sidemenuclass a {
		font-size: 18px;
	}
    #welcome {
        visibility: hidden;
        display: none;
    }
    #welcomenav {
        visibility: visible;
        display: inline;
    }
	

}