.maxwidth {
	background: url(../../Images/SiteConfigImages/background.png) no-repeat center center/cover;
	height: 100vh;
	width: 100vw;
	font-family: 'Source Sans 3', sans-serif;
}

.container {
	position: relative;
	left: 480px;
	top: 140px;
	height: 410px;
	background-color: white;
	width: 360px;
	border-radius: 10px;
	box-shadow: 0px 1px 6px -1px grey;
}

	.container .logo {
		position: relative;
		left: 14%;
		margin-top: 35px;
		height: 47px;
		width: 222px;
	}

.form {
	margin: 10px;
}

.form-check {
	margin-top: 25px;
	left: 28px;
	position: relative;
}

.form-control {
	border-radius: 40px;
	margin-top: 15px;
	margin-left: 15px;
	width: 90%;
	border-color: rgb(126, 117, 117);
}

.forgot {
	position: relative;
	left: 49px;
	font-size: 13px;
}

.btn {
	margin-top: 5px;
	border-radius: 20px;
	position: absolute;
	left: 36px;
	/* color: red; */
	width: 284px;
}

.remember {
	font-size: 13px;
	color: grey;
}
/* .forgot {
                                                                                                                                                font-size: 13px;
                                                                                                                                                left: 34px;
                                                                                                                                            } */

.form-check a {
	text-decoration: none;
	color: grey;
}

@media(max-width:1168px) {
	.container {
		top: 260px;
		position: relative;
		left: 300px;
		height: 420px;
		background-color: white;
		width: 360px;
		border-radius: 10px;
	}

		.container .logo {
			position: relative;
			left: 29%;
			margin-top: 35px;
			font-size: 25px;
			height: 110px;
		}

	.form-control {
		border-radius: 40px;
	}

	.forgot {
		position: relative;
		left: 49px;
		font-size: 13px;
	}

	.remember {
		font-size: 13px;
	}
}

@media(max-width:1025px) {
	.maxwidth {
		background-size: 100% 100%;
	}

	.container {
		top: 270px;
		position: relative;
		left: 260px;
		height: 390px;
		background-color: white;
		width: 290px;
		border-radius: 10px;
	}

	.btn {
		margin-top: 5px;
		border-radius: 20px;
		position: absolute;
		left: 36px;
		/* color: red; */
		width: 224px;
	}

	.container .logo {
		position: relative;
		left: 23%;
		margin-top: 30px;
		font-size: 10px;
		height: 100px;
	}

	.form-control {
		border-radius: 40px;
	}

	.forgot {
		left: 8px;
		font-size: 12px;
	}

	.remember {
		font-size: 12px;
	}
}

@media(max-width:863px) {
	.form-check {
		margin-top: 18px;
		/* font-size: px; */
	}

	.btn {
		left: 36px;
		/* color: red; */
		/* width: 214px; */
		height: 36px;
		text-align: center;
		/* margin-top: 20px; */
		/* width: 300px; */
	}

	.remember {
		font-size: 12px;
	}

	.container {
		top: 300px;
		position: relative;
		left: 230px;
		height: 360px;
		background-color: white;
		width: 290px;
		border-radius: 10px;
	}

		.container .logo {
			position: relative;
			left: 23%;
			margin-top: 40px;
			font-size: 10px;
			height: 90px;
		}

	.form-control {
		border-radius: 40px;
	}

	.forgot {
		position: relative;
		/* left: 40px; */
		font-size: 12px;
	}
}

@media(max-width:768px) {
	.form-check {
		margin-top: 25px;
		font-size: 13px;
		left: 25px;
	}

	.btn {
		left: 36px;
		/* color: red; */
		width: 205px;
		/* margin-top: 20px; */
		/* width: 300px; */
	}
	/* .remember {
                                                                                                                                                    font-size: 18px;
                                                                                                                                                } */
	.container {
		top: 290px;
		position: relative;
		left: 210px;
		height: 350px;
		background-color: white;
		width: 270px;
		border-radius: 10px;
	}

		.container .logo {
			position: relative;
			left: 27%;
			margin-top: 15px;
			font-size: 10px;
			height: 70px;
		}

	.form-control {
		border-radius: 40px;
	}
	/* .forgot {
                                                                                                                                                    position: relative;
                                                                                                                                                    left: 20px;
                                                                                                                                                    font-size: 15px;
                                                                                                                                                } */
	.forgot {
		left: 5px;
	}
}

@media(max-width:700px) {
	.container {
		position: relative;
		left: 185px;
		top: 290px;
		height: 360px;
		background-color: white;
		width: 230px;
		border-radius: 10px;
	}

	.remember {
		font-size: 13px;
		/* margin-top: 10px; */
	}

	.container .logo {
		position: relative;
		left: 22%;
		margin-top: 20px;
		height: 80px;
		/* width: 60px; */
	}

	.form-control {
		border-radius: 40px;
	}

	.form-check {
		margin-top: 23px;
		font-size: 13px;
	}

	.btn {
		margin-top: 30px;
		border-radius: 20px;
		width: 165px;
		/* left: 18px; */
	}

	.forgot {
		position: absolute;
		left: 17px;
		top: 25px;
		font-size: 13px;
	}
}

@media(max-width:612px) {
	.container {
		position: relative;
		left: 160px;
		top: 290px;
		height: 300px;
		background-color: white;
		width: 170px;
		border-radius: 10px;
	}

		.container .logo {
			height: 50px;
			left: 30px;
		}
	/* .forgot {
                                                                                                                                                    top: 246px;
                                                                                                                                                } */
	.btn {
		width: 125px;
		height: 35px;
		left: 20px;
	}

	.form-control {
		position: relative;
		height: 25px;
		border-radius: 40px;
		margin-left: 0px;
		left: 0px;
	}

	.form-check {
		margin-top: 19px;
		font-size: 13px;
		left: 9px;
	}

	.remember {
		font-size: 10px;
	}

	.forgot {
		font-size: 10px;
	}

	@media(max-width: 527px) {
		.container {
			position: relative;
			left: 140px;
			top: 290px;
			height: 310px;
			background-color: white;
			width: 170px;
			border-radius: 10px;
		}

			.container .logo {
				position: relative;
				left: 22%;
				margin-top: 20px;
				height: 80px;
				width: 80px;
				/* width: 60px; */
			}

		.form-floating > .form-control {
			padding: 1rem 0.75rem;
		}

		.form-control {
			position: relative;
			height: 30px;
			border-radius: 40px;
			margin-left: 0px;
		}

		.form-check {
			margin-top: 19px;
			font-size: 13px;
			margin-left: 0px;
			left: 10px;
		}

		.btn {
			margin-top: 20px;
			border-radius: 20px;
			width: 115px;
			left: 25px;
		}
		/* .forgot {
                                                                                                                                                        position: absolute;
                                                                                                                                                        left: 31px;
                                                                                                                                                        top: 245px;
                                                                                                                                                        font-size: 13px;
                                                                                                                                                        margin-top: 3px;
                                                                                                                                                    } */
		/* .remember {
                                                                                                                                                        font-size: 15px;
                                                                                                                                                    } */
		/* .maxwidth {
                                                                                                                                                        background-size: 100% 100%;
                                                                                                                                                    } */
	}

	@media(max-width:452px) {
		.container {
			position: relative;
			left: 110px;
			top: 290px;
			height: 290px;
			background-color: white;
			width: 135px;
			border-radius: 10px;
		}

			.container .logo {
				position: relative;
				left: 18%;
				margin-top: 10px;
				height: 80px;
				width: 80px;
			}

		.forgot {
			position: absolute;
			/* left: 31px; */
			font-size: 11px;
			top: 23px;
		}

		.form-check {
			margin-top: 0px;
			font-size: 13px;
			left: 0px;
		}

		.form-control {
			border-radius: 40px;
			margin-top: 15px;
			margin-left: 5px;
			width: 90%;
			border-color: rgb(126, 117, 117);
		}

		.btn {
			margin-top: 22px;
			border-radius: 20px;
			width: 80px;
			left: 30px;
		}

		.remember {
			font-size: 11px;
		}
	}
}