.landingintro {
	display: flex;
	flex-wrap: wrap;
	padding: 36px 0;
}

.landingintro>div.login {
	width: 100%;
	display: flex;
	flex-direction: column;
	color: #585961;
	margin-top: 36px;
	background: rgba(217, 209, 199, 0.3);
	padding: 24px 24px 12px;
}

.landingintro>div.login p {
	margin-bottom: 1.5em
}

.landingintro>div.login ul:last-child {
	margin: auto 0 0;
}

.landingintro>div.login ul.ctas li:last-child a {
	background-color: #020873;
}

.landingintro>div.login ul.ctas li:last-child a:hover {
	background: #BD4800;
}

@media all and (min-width: 600px) {
	.landingintro>div:first-child {
		padding: 0 24px;
		width: calc(75% - ((3 / 4) * 10px));
	}
}

@media all and (min-width: 900px) {
	.landingintro>div:first-child {
		padding: 0 24px;
		width: calc((((100% - (11 * 20px)) / 12) * 6) + (5 * 20px));
	}
	.landingintro>div.login {
		margin-left: auto;
		margin-top: 0;
		width: calc((((100% - (11 * 20px)) / 12) * 6) + (5 * 20px));
	}
	.landingintro>div:first-child p {
		font-size: 24px;
		line-height: 32px;
	}
	.landingintro>div h1 {
		font-weight: 300;
		font-size: 32px;
		line-height: 44px;
	}
}

@media all and (min-width: 1200px) {
	.landingintro>div.login {
		width: calc((((100% - (11 * 20px)) / 12) * 4) + (3 * 20px));
	}
}