.red-background {
	background: #a30046;
}

.intro-text {
	height: 271px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#loginformdiv {
	border: 1px solid #cccccc;
	background: #f0f0f0;
	margin-bottom: 50px;
	box-shadow: 0 1px white inset;
	padding: 10px 20px 10px 20px;
}

#createaccountdiv {
	margin-bottom: 50px;
}

h3 {
	padding: 5px 0px 5px 0px;
}

form h3 {
	margin-bottom: 0px;
	margin-top: 0px;
}

.indexIcons{
	display: block; 
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
	object-fit: none;
	object-fit : none;
	width: 40px;
	height: 32px;
	object-fit: none;
}


.index-icon{
	color:#a30046;
	font-size:35px;
	margin-top: 10px
}

.highlight {
  color: #a30046;
  font-weight: 600;
}
.term-fee-header {
	color: #600026;
	font-size: 13px;
	line-height: 1.7;
	margin: 0 0 0 0;
	text-align: center;
	font-weight: 800;
}

#form-app-dob-y{
	max-width: 39%;
}

h1{
	font-color: white;
}


.intro h2, h1 {
	font-size: 26px;
	color: #f7f7f7;
	padding-left: 4%;
}
.intro h2, h1{
	width: 90%;
	font-size: 21px;
	position: relative;
	padding-top: 1em;
	padding-bottom: 1.5em;
	padding-left: 4%;
	z-index: 2;
	color: #f7f7f7;
	text-shadow: 0 1px 0 rgba(34, 34, 34, 0.5);
}
@media screen and (min-width: 600px) {
	.intro h2, h1 {
		width: 45%;
		font-size: 14px;
		position: absolute;
		bottom: 20%;
		padding: 2%;
		padding-left: 4%;
		z-index: 2;
		color: #f7f7f7;
		text-shadow: 0 1px 0 rgba(34, 34, 34, 0.5);
	}
		.intro h2, h1 {
		max-width: 1002px;
		margin: 0 auto;
	}
	.intro h2, h1{
		font-size: 22px;
	}
}
@media screen and (min-width: 960px) {
	.intro h2, h1{
		font-size: 26px;
	}
}