body {
	font-size: 15px;  
	color: #454545 ;
	background-color: #eff3f8;
}
.blue-circle-button {
	box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1);
	border: .5em solid #DDDDDD /*#338AE8*/;
	font-size: 1.1em;
	line-height: 1em;
	color: #ffffff;
	background-color: #EEEEEE /*#2BC9FF*/;
	margin: auto;
	z-index: 10;
	border-radius: 50%;
	height: 8em;
	width: 8em;
	max-height: 100%;
	max-width: 100%;
	position: relative;
	opacity: 1;

}
.blue-circle-button:hover {
	color:#FFC000;
    background-color: #FFC000;
	text-decoration: none;
	border-color: #92d050;
	opacity: 1;
	
}
.blue-circle-button:visited {
	color:#ffffff;
    background-color: #2BC9FF;
	text-decoration: none;
	opacity: 1;
	
}
.blue-circle-link-greater-than {
    font-size: 1.2em;
    opacity: 1;
}


.pallalax-bg {
	height: 42.8em; 
	background: linear-gradient(
      rgba(255, 255, 255, 0.4), 
      rgba(255, 255, 255, 0.4)
    ),url(images/homePageImage.jpg); 
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

main {
	padding-top: 2.5rem;
}

main .content-right{
	padding-top: 2.5rem;
}

.main-title {
	padding: 6rem 3.5rem 6rem 5.5rem;
	position: relative;
	z-index: 5;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.9;

}

.main-title h1 {
	text-align: center;
	font-size: 4rem;
}

.main-title p {
	text-align: left;
}

 .main-title-content {
 	text-align: left;
 	position: relative;
	font-size: 2rem;
 }

.intro-panel {
	padding-top: 3rem;
}

.login-panel-header{
	margin: auto;
}

.login-panel-header h1 {
	font-size: 3rem;
	font-weight: bold;
	color: #313340;
}

.login-area {
	
	margin: auto;
	padding-top: 12rem;
	width: 50%;
}

.login-area form {
	background-color: rgba(255,255,255,0.7);
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.button-section {
	margin: 0rem 10rem 0 0 ;
}

.graduate-button {
	position: absolute;
	padding-left: 5rem;

}

.employer-button {
	position: absolute;
	margin-top: 3rem;
	margin-left: 9rem;
}



/*@media (max-width: 768px) {
	.col-md-6 .d-flex .justify-content-end {
		justify-content: normal;
	}
}*/
