header {
	background: #fff;
}

#step1 {
	display: none;
}

#step2 {
	display: none;
}

#step3 {
	display: none;
}

#step4 {
	display: none;
}

#step5 {
	display: none;
}

#step6 {
	display: none;
}

#step7 {
	display: none;
}

#step8 {
	display: none;
}

.jumbotron section {
	/*padding: 0px 0;*/
}

section h2 {
	padding-top: 20px;
	color: #000;
	font-size: 1.25em !important;
	font-weight: 700 !important;
	line-height: normal;
	text-align: center;
}

	section h2 em {
		font-style: normal;
		text-decoration: underline;
	}

section h3 {
	/*padding: 30px 0 0px;*/
	color: #000;
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
}

section p {
	color: #5A5A5A;
	font-size: .875em !important;
	font-weight: 400 !important;
	text-align: center;
}

	section p.percentage {
		color: #000;
		font-size: 1em;
	}

section btn {
	display: block;
	max-width: 360px;
}

.months {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px calc((100% - (150px * 3)) / 2);
}

	.months input[type="radio"] {
		opacity: 0;
		position: fixed;
		width: 0;
	}

	.months label {
		flex: 0 0 140px;
		margin: 5px;
		padding: 10px 0;
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #000;
		font-weight: 400;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		justify-content: center;
	}

		.months label:hover {
			color: #fff;
			background: #012D8E;
			cursor: pointer;
		}

	.months input[type="radio"]:focus + label {
		color: #fff;
		background: #012D8E;
	}

	.months input[type="radio"]:checked + label {
		color: #fff;
		background: #012D8E;
	}

.days {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	padding: 10px calc((100% - (82px * 7)) / 2);
}

	.days input[type="radio"] {
		opacity: 0;
		position: fixed;
		width: 0;
	}

	.days label {
		flex: 0 0 72px;
		margin: 5px;
		padding: 10px 0;
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #000;
		font-weight: 400;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		justify-content: center;
	}

		.days label:hover {
			color: #fff;
			background: #012D8E;
			cursor: pointer;
		}

.annual-income {
	display: grid;
	grid-template-columns: 1fr 1fr; /* Creates two columns of equal width */
	gap: 10px; /* Adds space between buttons in both rows and columns */
	margin: 0 auto;
	max-width: 574px;
}

	.annual-income .btn {
		flex: 1; /* Makes buttons grow equally to fill the space */
		margin: 0;
		padding: 10px 20px;
		font-weight: 400;
	}

.yourName {
	margin: 0 auto;
	max-width: 300px;
	text-align: center;
}

.disclaimerTxt {
	color: #000;
	font-size: .8em !important;
	font-weight: 700 !important;
	line-height: normal;
}

.txtField {
	display: block;
	margin-bottom: 10px;
	padding: 10px 30px;
	width: 100% !important;
	height: 50px;
	color: #27241D;
	font-size: 1em;
	text-align: center;
	font-weight: 600;
	background: #fff;
}

.zipContainerWrap {
	position: relative;
	padding: 0;
}

.zipContainer {
	display: block;
	margin: 0 auto;
	padding: 1px;
	width: auto;
	text-align: center;
}

label {
	position: relative;
	display: block;
	font-size: .875em;
	font-weight: 600;
	text-align: left;
}

.textfield {
	padding: 5px 12px;
	width: 300px !important;
	height: 50px;
	color: #27241D;
	font-size: 1em;
	line-height: 1.3333333;
	font-weight: 600;
	background: #fff;
}

#step1 .textfield, #step1 select {
	padding: 5px 12px;
	width: 260px !important;
	height: 50px;
	color: #27241D;
	font-size: 1em;
	line-height: 1.3333333;
	font-weight: 600;
	text-align: left;
	background: #fff;
}

#btnStep1 {
	padding: 10px 20px;
	width: 260px;
	height: 50px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
	border-radius: 4px;
}

@media (min-width:320px) and (max-width:1139px) {
	#step8 {
		padding-bottom: 40px;
	}

	.notification {
		position: absolute;
		top: auto;
		bottom: 20px;
		right: 60px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	#step1 .textfield, #step1 select {
		width: 220px !important;
	}

	#btnStep1 {
		width: 220px;
		height: 50px;
	}
}

@media (min-width:280px) and (max-width:767px) {
	header {
		background: #fff;
		border-bottom: 1px solid #e5e5e5;
	}

	section h2 {
		font-size: 1em !important;
	}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 10px;
		max-width: 300px;
		text-align: center;
	}

	#step1 .textfield, #step1 select {
		width: 100% !important;
	}

	#btnStep1 {
		width: 100%;
	}

	.textfield {
		margin: 0 auto 10px auto;
	}

	.form-group {
		text-align: center;
	}

	.months {
		padding: 10px calc((100% - (100px * 3)) / 2);
	}

		.months label {
			flex: 0 0 90px;
		}

	.days {
		padding: 10px calc((100% - (60px * 5)) / 2);
	}

		.days label {
			flex: 0 0 50px;
		}

	.notification {
		display: none;
	}

	.annual-income {
		display: flex;
		flex-direction: column; /* Stacks the buttons vertically */
		gap: 10px; /* Adds space between buttons in both rows and columns */
		margin: 0 auto;
		max-width: 300px;
	}

		.annual-income .btn {
			flex: 1; /* Makes buttons grow equally to fill the space */
			padding: 10px 20px;
			font-weight: 400;
		}
}

@media screen and (max-width: 280px) {
	.jumbotron h1 {
		font-size: 1.625em;
	}

	.textfield {
		width: 250px !important;
	}

	#btnStep1 {
		width: 230px;
	}
}