body {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.mobile-landing {
	background: #1F76A9;
	padding: 1rem;
}

.white {
	color: #fff;
}

.mobile-landing .logo-holder {
	text-align: center;
	padding: 1em 0;
}

.mobile-landing .headline {
	text-align: center;
	font-size: 250%;
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
}

@media (max-width: 767px) {
	.mobile-landing .headline {
		font-size: 200%;
	}
}

@media (max-width: 479px) {
	.mobile-landing .headline {
		font-size: 150%;
	}
}

.mobile-landing .form-group.custom .col-form-label {
	color: #fff;
}

.mobile-landing #termsModal .modal-body {
	max-height: 420px;
	overflow-y: auto;
}

.mobile-landing .tos-content {
	color: #000;
	padding: 0 15px;
}

.mobile-landing .checkbox a {
	color: #fff;
	text-decoration: underline;
}

.mobile-landing .checkbox a:hover {
	text-decoration: none;
}

.mobile-landing input[type=checkbox] {
	width: 30px;
	height: 30px;
	position: relative;
	margin-right: 0.5rem;
	top: 8px;
}

@media (max-width: 544px) {
	.mobile-landing input[type=checkbox] {
		margin-left: -40px;
	}
}

.mobile-landing .checkbox > label {
	padding-left: 25px;
}

@media (max-width: 479px) {
	.mobile-landing .checkbox > label {
		padding-left: 40px;
	}
}

.mobile-landing .btn.inactive {
	background: #cccccc;
}

@media (max-width: 479px) {
	.mobile-landing .lead {
		font-size: 1rem;
	}
}

.hidden {
	display: none !important;
}