body {
}

.main-connect-content {
	padding-left: 20% !important;
}
.code-input {
	font-size: 20px;
	color: #6C7485;
	text-transform: uppercase;
	text-align:center;
}
.control-label{
	font-weight:bold;
}

.sign-in.btn.btn-default {
	background-color: #8286ED !important;
	color: white !important;
	border: 2px solid #8286ED !important;
}

.new-account.btn.btn-default {
	background-color: #353C8B !important;
	color: white !important;
	border: 2px solid #353C8B !important;

}

.sign-in.btn.btn-default:hover {
	background-color: #353C8B !important;
	color: white !important;
	border: 2px solid #353C8B !important;
}
.new-account.btn.btn-default:hover {
	background-color: #8286ED !important;
	color: white !important;
	border: 2px solid #8286ED !important;

}

.new-users-section .control-label, .new-users-section .form-label {
	font-size: 13px;
	color: #42444C;
	font-weight:bold;
}

@media screen and (max-width: 960px) {
	.main-connect-content {
		padding-left: 10% !important;
	}
	.page-title {
		padding-left: 10% !important;
	}
}

@media screen and (max-width: 900px) {
	.main-connect-content {
		padding-left:5%!important;
	}
	.page-title {
		padding-left: 5% !important;
	}
}

@media screen and (max-width: 840px) {
	.main-connect-content {
		padding-left: 0% !important;
	}
	.page-title {
		padding-left: 0% !important;
	}
	.content-section{
		margin-left:1rem!important;
	}
}

@media screen and (max-width: 520px) {
	.content-section {
		margin-left: .5rem !important;
	}
}

@media screen and (max-width: 515px) {
	.number-code .d-flex.justify-content-evenly {
		height:50px !important;
		width: 355px !important;
	}
}

@media screen and (max-width: 480px) {
	h1{
		font-size:2em !important;
	}
}

@media screen and (max-width: 400px) {
	h1 {
		font-size: 1.5em !important;
	}
	h4{
		font-size:1.2em !important;
	}
	.description{
		font-size: .8em !important;
	}
}

@media screen and (max-width: 380px) {
	.number-code .d-flex.justify-content-evenly {
		width: 100% !important;
	}
	.content-section{
		margin-right:.5em !important;
	}
	.row.page-row{
		--bs-gutter-x:.5rem !important;
		margin-left:.5em;
		margin-right:.5em;
	}
	.container{
		padding-right:1rem !important;
		padding-left:1rem !important;
		
	}
}