.banner-block {
	background-color: #211c57;
}

.banner-block a.cta {
	color: #000;
	padding: 10px 45px 10px 15px !important;
	background: url('https://assets-dev.manchester.ac.uk/alumni/images/arrow-right.svg') #fc3 center right 15px no-repeat;
	background-size: 18px;
}

@media (min-width: 800px) {
	.banner-block.text-overlaid .padding {
		top: auto;
		bottom: 54px;
	}

	.banner-block.text-overlaid .padding .copy {
		max-width: none;
		padding: 0;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}

	.banner-block.text-overlaid .padding .copy h1 {
		flex: 1 0 auto;
		padding: 20px 0 20px 30px;
		background-color: #211c57;
		color: #fff;
		font-size: 3rem;
	}

	.banner-block.text-overlaid .padding .copy .cta {
		margin: 0;
		border-radius: 0;
		background-color: #fc3;
		color: #000;
		font-size: 2rem;
		font-weight: 600;
		padding: 20px 55px 20px 20px !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: url('https://assets.manchester.ac.uk/alumni/images/arrow-right.svg') #fc3 center right 25px no-repeat;
		background-size: 20px;
	}
}

@media (min-width: 1000px) {
	.banner-block.text-overlaid .padding {
		bottom: 64px;
		max-width: none;
	}

	.banner-block.text-overlaid .padding .copy h1 {
		padding: 25px 0 25px 40px;
		font-size: 3.2rem;
	}

	.banner-block.text-overlaid .padding .copy .cta {
		font-size: 2.2rem;
		padding: 20px 65px 20px 30px !important;
		background-position: center right 30px;
		background-size: 23px;
	}
}

@media (min-width: 1200px) {
	.banner-block.text-overlaid .padding .copy h1 {
		padding: 27px 0 27px 40px;
		font-size: 3.6rem;
	}

	.banner-block.text-overlaid .padding .copy .cta {
		font-size: 2.4rem;
	}
}