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

	footer{
		color:#FFFFFFB2;
		background:#2F2D2D;
	}
	
	header span{
		font-weight:bold;
	}
	
	
@media screen and (max-Width:750px){
	
	#body{
		;
	}
	
	header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		background:#A8D5BA;
		height:10vh;
		padding:1%;
	}
	
	
	/*Styling the change password form */
	#body form{
		margin-top:3%;
		background:#A8D5BA;
		width:98%;
		height:65vh;
		border-radius:5px;
		margin-bottom:5%;
		padding:1%;
	}
	
	#head{
		background:;
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		font-weight:bold;
		font-size:15px;
		height:10vh;
	}
	
	#reader{
		display:flex;
		align-items:center;
		height:10vh;
		background:;
		font-size:15px;
	}
	
	#Bigholder label,#Bigholder input,#Bigholder button{
		display:block;
	}
	
	#Bigholder{
		background:;
		height:20vh;
	}
	
	#Bigholder input[type='text'],#Bigholder input[type='password']{
		font-family:inherit;
		font-size:19px;
		height:5vh;
		width:70%;
	}
	
	#Bigholder input[type='text']:focus,#Bigholder input[type='password']:focus{
		border:none;
		outline:none;
		border:2px solid #F29F22;
	}
	
	#Bigholder input[type='submit']{
		width:50%;
		height:5vh;
		border:none;
		outline:none;
		font-family:inherit;
		background:#A3415B;
		cursor:pointer;
		font-size:15px;
		font-weight:bold;
	}
	
	.myp{
		display:flex;
		background:;
		align-items:center;
	}
	.fav{
		height:15vh;
	}
	
	.myp i{
		font-size:25px;
		margin-left:2%;
		cursor:pointer;
	}
	
	#submit{
		margin-top:3%;
		width:90%;
		background:;
		display:flex;
		justify-content:start;
		margin-bottom:5%;
	}
	
	#Bigholder a{
		text-decoration:none;
		color:#A3415B;
		font-weight:bold;
	}
	.errors{
		display:flex;
		justify-content:center;
		align-items:center;
		color:red;
	}
	
	/*end */

	footer{
		padding:1%;
		
	}
	
	footer div a{
		text-decoration:none;
	}
	
	footer ul{
		list-style:none;
		padding-left:0.25em;
	}
	
	footer 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:750px){
	*{
		margin:0;
		padding:0;
	}
	
	header{
		box-sizing:border-box;
		margin-top:0;
		background:#A8D5BA;
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:10vh;
		padding-left:4%;
		width:100%;
	}
	header span{
		font-weight:bold;
		font-size:23px;
		margin-right:3%;
	}
	
	#body{
		display:flex;
		justify-content:center;
		align-items:center;
		background:;
		height:80vh;
		display:flex;
	}
	
	/*Styling the change password form */
	#body form{
		background:#A8D5BA;
		width:50%;
		height:55vh;
		padding:2%;
		border-radius:10px;
	}
	
	#head{
		background:;
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		font-weight:bold;
		font-size:23px;
		height:10vh;
	}
	
	#reader{
		display:flex;
		align-items:center;
		height:10vh;
		background:;
		font-size:19px;
	}
	
	#Bigholder label,#Bigholder input,#Bigholder button{
		display:block;
	}
	
	#Bigholder{
		background:;
		height:20vh;
	}
	
	#Bigholder input[type='text'],#Bigholder input[type='password']{
		font-family:inherit;
		font-size:19px;
		height:5vh;
		width:70%;
	}
	
	#Bigholder input[type='text']:focus,#Bigholder input[type='password']:focus{
		border:none;
		outline:none;
		border:2px solid #F29F22;
	}
	
	#Bigholder input[type='submit']{
		width:30%;
		height:9vh;
		border:none;
		outline:none;
		font-family:inherit;
		background:#A3415B;
		cursor:pointer;
		font-size:15px;
		font-weight:bold;
	}
	
	.myp{
		display:flex;
		background:;
		align-items:center;
	}
	.fav{
		height:15vh;
	}
	
	.myp i{
		font-size:25px;
		margin-left:2%;
		cursor:pointer;
	}
	
	#submit{
		margin-top:3%;
		width:90%;
		background:;
		display:flex;
		justify-content:end;
	}
	
	#Bigholder a{
		text-decoration:none;
		color:#A3415B;
		font-weight:bold;
	}
	.errors{
		display:flex;
		justify-content:center;
		align-items:center;
		color:red;
	}
	
	/*end */
	
	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;
	}
	
}