.bg-main{
	background-image: url('../images/bg-main3.png');
	background-repeat: no-repeat;
	background-size: cover; 
	min-height: 100vh;
	background-size: 100% 100%;
	overflow: hidden;
	
}


.login-bg-wrapper {

    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}


.corner-image {
  position: absolute;
  width: 320px;
  height: 180px;
  opacity: 0.85;
  z-index: 0;
box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.95);
	border-radius: 3px;


}
.top-left {
  top: 20px;
  left: 20px;
}

.top-right {
  top: 20px;
  right: 20px;
}

.bottom-left {
  bottom: 20px;
  left: 20px;
}

.bottom-right {
  bottom: 20px;
  right: 20px;
}




#HmePgTitle{
	margin-top:-15%;
	color:#FF8C00;
	font-size:72pt;
	font-family:"Brush Script MT";
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center
	
}

#SubTitle{
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	color:#FF8C00;
	font-family:"Times New Roman", Times, serif;
	font-size:18pt;
	margin-top:-3.5%;
	font-weight: bolder;

}

#Slogan{
margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	color:#914404;
	font-family:"Times New Roman", Times, serif;
	font-size:20pt;
	font-weight: bolder;
}

#hbcu{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#914404;
	font-family: Brat;
	font-size:30pt;
	font-weight:bold;
	height:auto;
	width:100%;
	bottom:4%;
	position:fixed
}

#shani{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	bottom:1%;
	position:fixed;
	width:100%;
color:black;
}