.landing-header{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: -40px;
	width: 100%;
	height: 40%;
	background-image: url(../xlri_image.jpg);
	background-size: cover;
	-webkit-filter: blur(3px);
	z-index: 0;
	filter: blur(3px);
}

.grad{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	height: 40%;
	bottom: -40px;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	z-index: 1;
	opacity: 0.7;
}

.login {
    height: 210px;
    left: calc(50% - 175px);
    padding: 10px;
    position: absolute;
    top: calc(50% - 60px);
    width: 350px;
    z-index: 2;
	border: 2px solid #191970;
}

.header{
	position: absolute;
	top: calc(25% - 35px);
	left: calc(50% - 150px);
	z-index: 2;
	width: 350px;
}

.header h1{
	color: #F0F8FF !important;
}
input[type=text],input[type=password] {
width:95%;
padding:7px;
margin-top:1px;
margin-bottom:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}

input[type=submit] {
width:100%;
background-color:#4682B4;
color:#fff;
border:2px solid #4682B4;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin:15px 0px;
}
.footer {
	position: absolute;
	top: calc(100% - 50px);
	left:0px;
	width: 100%;
	height: 50px;
	z-index: 1;
	background-color: #264c73;
	color: #F0F8FF;
}

.left{
	float: left;
	padding: 1% 1%;
}
.right {
	float:right;
	padding: 1% 1%;
}

label{
font-size:18px;
font-family: "Times New Roman", Georgia, Serif;
}
.error {
color:red;
display:block;
}

.picture {
	height: 210px;
    padding: 10px;
    position: absolute;
    overflow:hidden;
    top:50%;
    width: 200px;
    z-index: 2;
	border: none;
}

.description {
	height: 350px;
    padding: 10px;
    left:25%;
    position: absolute;
    top: calc(50% - 58px);
    width: 600px;
    z-index: 2;
	border: 1px solid #00b2b3;
}