body{
	background:#F7F7F7;
	font-family:Times New Roman, sergoe UI;
}

footer{
		color:#FFFFFFB2;
		background:#2F2D2D;
	}
.fa-facebook,.fa-linkedin{
		font-size:1.5em;
		color:#BBBBBB;
		margin-right:5%;
	}
header span{
		font-weight:bold;
	}
	
header a{
		color:black;
		text-decoration:none;
	}
#success_paragraph{
	display:flex;
	justify-content:center;
	align-items:center;
	color:green;
	font-weight:bold;
	background:;
}

.loginErrors{
	display:flex;
	justify-content:center;
	align-items:center;
	color:red;
	background:;
}

@media screen and (max-Width:991px){
	body{
		display:flex;
		justify-content:flex-start;
		flex-direction:column;
		margin:0;
		padding:0;
		box-sizing:border-box;
		height:100vh;
	}

	
	#body{
		background:;
		padding:2%;
		height:60vh;
		display:flex;
		justify-content:center;
		flex-direction:column;
	}
	
	header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		background:#A8D5BA;
		padding:1%;
		height:10vh;
	}
	
	label{
		font-family:"Times New Roman";
		font-size:18px;
	}
	#body h3{
		background:;
		text-align:center;
	}
	
	.sub_div input[type="email"],.sub_div input[type="password"],.sub_div input[type="text"]{
		display:block;
		font-family:"Times New Roman";
		font-size:15px;
		width:100%;
		box-sizing:border-box;
		border:none;
		border-bottom:1px solid black;
		background:inherit;
		padding-top:5%;
	}
	.sub_div input:focus{
		border:none;
		outline:none;
		border-bottom:2px solid #A8D5BA;
	}
	
	.sub_div{
		background:;
		margin-bottom:5%;
		width:85%;
	}
	.sub_div input[type="submit"]{
		background:#A8D5BA;
		border:none;
		width:30%;
		height:5vh;
		border-radius:10px;
		font-weight:bold;
	}
	
	.submit{
		background:;
		display:flex;
		justify-content:space-between;
		
	}
	
	.cancel {
		background:;
		display:flex;
		justify-content:flex-start;
	}
	.cancel a, .submit a{
		text-decoration:none;
		color:#F29F22;
		
	}
	
	#form2{
		background:;
		display:flex;
		flex-direction:column;
		align-items:center
	}
	.sub_div div{
		background:;
		display:flex;
	
	}
	.sub_div div i{
		font-size:30px;
		margin-left:2%;
	}
	
	footer{
		padding:1%;
	}
	
	footer div a{
		text-decoration:none;
	}
	
	footer ul{
		list-style:none;
		padding-left:0.25em;
	}
	
	footer ul a{
		text-decoration:none;
		color:#FFFFFFB2;
	}
	
	footer ul li{
		padding-bottom:2%;
		padding-top:2%;
	}
	footer div h3{
		font-weight:normal;
		margin-bottom:10px;
		font-size:1em;
		padding-left:1.2%;
	}	
	
	#copyright{
		display:flex;
		justify-content:center;
		align-items:center;
	}
}

@media screen and (min-Width:991px){
	*{
		margin:0;
		padding:0;
	}
	#success_paragraph,.loginErrors{
		margin-bottom:2%;
		font-size:20px;
	}
	header{
		box-sizing:border-box;
		margin-top:0;
		background:#A8D5BA;
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:10vh;
		padding-left:4%;
		padding-right:7%;
	}
	header span{
		font-weight:bold;
		font-size:23px;
	}
	#body{
		background:;
		height:80vh;
		padding:3%;
		box-sizing:border-box;
	}
	
	
	.sub_div input[type="email"],.sub_div input[type="password"],.sub_div input[type="text"]{
		display:block;
		font-family:"Times New Roman";
		font-size:23px;
		width:100%;
		box-sizing:border-box;
		border:none;
		border-bottom:1px solid black;
		background:inherit;
		padding-top:2%;
	}
	label{
		font-family:"Times New Roman";
		font-size:18px;
	}
	#body h3{
		background:;
		text-align:center;
	}
	.sub_div input:focus{
		border:none;
		outline:none;
		border-bottom:2px solid #A8D5BA;
	}
	
	.sub_div{
		background:;
		margin-bottom:5%;
		width:50%;
	}
	.sub_div input[type="submit"]{
		background:#A8D5BA;
		border:none;
		width:30%;
		height:5vh;
		border-radius:10px;
		font-weight:bold;
		font-size:23px;
		font-family:inherit;
		cursor:pointer;
	}
	
	.submit{
		background:;
		display:flex;
		justify-content:space-between;
		
	}
	
	.cancel {
		background:;
		height:5vh;
	}
	.cancel a, .submit a{
		text-decoration:none;
		color:#F29F22;
		font-size:23px;
		font-family:inherit;
	}
	.cancel p{
		font-size:23px;
		font-family:inherit;
	}
	#form2{
		background:;
		display:flex;
		flex-direction:column;
		align-items:center
	}
	
	.sub_div div{
		background:;
		display:flex;
	
	}
	.sub_div div i{
		font-size:30px;
		margin-left:2%;
		cursor:pointer;
	}
	
	label{
		font-family:"Times New Roman";
		font-size:20px;
	}
	
	footer{
		height:10vh;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#footera{
		display:flex;
		background:;
		justify-content:center;
		align-items:center;
	}
	#footera ul{
		display:none;
	}
	#footera h3{
		display:none;
	}
	#copyright{
		background:;
		display:flex;
		justify-content:center;
		align-items:center;
		height:6vh;
	}
	.fa-facebook{
		position:absolute;
		right:3%;
		bottom:2%;
		margin-top:3%;
		font-size:1.5em;
		color:#BBBBBB;
	}
	.fa-linkedin{
		position:absolute;
		right:0%;
		bottom:2%;
		margin-top:3%;
		font-size:1.5em;
		color:#BBBBBB;
	}
}