html,
body,
head {
	margin: 0;
	padding: 0;
	text-align: center;
	align-items: center;
}

a {
	color: #fff;
}
a:hover,
a:active,
a:selected {
	color: #fff !important;
	text-decoration: none !important;
	background: transparent;
}

header {
	height: 100vh;
	min-height: 500px;
	color: #fff;
	background: #0052D4;
	background: -webkit-linear-gradient(to bottom, #0052D4, #65C7F7, #29ddff);
	background: linear-gradient(to bottom, #0052D4, #65C7F7, #29ddff);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

button {
	font-size: 1.5rem;
	padding: 15px;
	border: none;
	color: #fff;
	border-radius: 25px;
	background: transparent;
	margin: 0;
	text-align: center;
	align-items: center;
}
button:hover {
	border: solid 2px #fff;
	color: #00ff2a;
}
button a {
	color: #fff;
	text-decoration: none;
}
button a:hover {
	text-decoration: none;
	color: #00ff2a;
}
hr {
	width: 100%;
	margin: 50px 0;
}
footer {
	margin-top: 100px;
}
select, option {
	text-align: center;
}

.navbar {
	border-bottom: 1px solid #fff;
	background: #0052D4;
	z-index:1000;
}
.zipCodeInput {
	background: transparent;
	border: 3px solid #fff;
	border-radius: 25px;
	font-size: 3rem;
	text-align: center;
	color: #fff;
	margin: 50px 0;
	padding: 10px 0;
	width: 100%;
}

.zipCodeInputValid {
	background: transparent;
	border: 3px solid #00ff2a;
	border-radius: 25px;
	font-size: 3rem;
	text-align: center;
	color: #00ff2a;
	margin: 50px 0;
	padding: 10px 0;
	width: 100%;
}

.zipCodeInputInvalid {
	background: transparent;
	border: 3px solid #ff0000;
	border-radius: 25px;
	font-size: 3rem;
	text-align: center;
	color: #ff0000;
	margin: 50px 0;
	padding: 10px 0;
	width: 100%;
}

#displayLocation {
	padding: 5px 0 15px 0;
	font-size: 1.5rem;
}

.hide {
	display: inline-block;
}
.show {
	display: none;
}

.section-image {
	border-radius: 50px;
	box-shadow: 8px 8px 16px #000000;
	margin-top: 25px;
	width: 90%;
}
.bg-dark-blue {
	background: #5757ff;
	color: #fff;
	padding: 25px 0;
	margin: 15px;
	border-radius: 50px;
}
.bg-blue {
	background: #5789ff;
	color: #fff;
	padding: 25px 0;
	margin: 15px;
	border-radius: 50px;
}
.bg-light-blue {
	background: #57a8ff;
	color: #fff;
	padding: 25px 0;
	margin: 15px;
	border-radius: 50px;
}

.section-bg-dark-blue {
	background: #5757ff;
	color: #fff;
	padding: 30px;
	margin: 15px;
	border-radius: 50px;
}
.section-bg-blue {
	background: #5789ff;
	color: #fff;
	padding: 30px;
	margin: 15px;
	border-radius: 50px;
}
.section-bg-light-blue {
	background: #57a8ff;
	color: #fff;
	padding: 30px;
	margin: 15px;
	border-radius: 50px;
}
.footer-text {
	color: #8c8c8c;
}
.footer-bg {
	background: #5789ff;
	color: #fff;
	padding: 15px 0;
}
.appFooter {
	font-size: 8pt;
	color: #c4c4c4;
	padding-top: 30px;
	text-align: center;
}

.modal-content {
	background: rgba(255, 255, 255, 0.95);
	color: #0052D4;
}
.form-control {
	color: #0052D4;
	background: rgba(158, 228, 255, 0.15);
	text-align: center;
	font-size: 1.25rem;
	border: none;
}
.form-control-plaintext {
	color: #0052D4;
	background: rgba(255, 255, 255, 0);
	text-align: center;
	font-size: 1.25rem;
}

.modalButton {
	text-align: center;
	font-size: 1.25rem;
	color: #0052D4;
	background: transparent;
	border: 2px solid #0052D4;
	align-items: center;
	align-self: center;
}
.modalButton:hover {
	color: #fff;
	background: #0052D4;
	border: 2px solid #fff;
}
.form-group select {
	color: #0052D4; 
}