dl { margin: 0 0 20px 0; padding: 10px; background: #f8f8f8; }
dt { margin: 0; padding: 0; font-size: 1.384615em; line-height: 1.4; }
dd { margin: 0 0 15px 0; padding: 0; font-size: 1.384615em; line-height: 1.4; }

#hotline-checklist-container {}
#hotline { position: relative; margin: 0 0 20px 0; background: #e6e2eb; padding: 10px; }
#hotline h2 { margin-bottom: 20px; padding: 0; font-size: 1.846154em; font-weight: 600; }
#hotline h3 { margin-bottom: 20px; padding: 0; font-size: 1.692308em; font-weight: 600; }
#hotline tel a { display: inline-block; margin: 0 0 20px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #6b2c91; color: #fff; font-size: 2em; font-weight: 600; line-height: 1; padding: 10px; }
#hotline .button a { font-size: 2.6rem; font-weight: 600; line-height: 1; padding: 10px; border-radius: 8px; }
#hotline tel a,
#hotline tel a:visited { color: #fff; text-decoration: none; font-weight: 600; }
#hotline tel a:hover,
#hotline tel a:focus { text-decoration: underline; }
#hotline ul { margin: 0; list-style-type: none; }
#hotline li { display: flex; margin-bottom: 5px; padding: 0; font-size: 1.538462em; }
#hotline li:last-child { margin-bottom: 0; }
#hotline li span { width: 50%; }
#hotline .day { max-width: 200px; }
#hotline .hours { font-weight: 600; }

#checklist-links-container { /*background: #ff0;*/ }
#checklist {}
#checklist h2 { font-size: 1.846154em; font-weight: 600; }
#checklist ul { margin-left: 14px; }
#checklist li { background: url("https://assets-dev.manchester.ac.uk/clearing/tick.png") 0 4px no-repeat; padding-left: 36px; }
#useful-links {}
#useful-links h2 { font-size: 1.846154em; font-weight: 600; }

#enquiry-form h2 { font-size: 1.846154em; font-weight: 600; }
#enquiry-form p { font-size: 1.8rem; }
#enquiry-form .button a { padding: 10px; border-radius: 8px; font-weight: 600; font-size: 2.4rem; line-height: 1; }

/*div.degree,*/
div.duration { display: none; }

.message-box { background: #f8f8f8; border-top: 20px #fc3 solid; padding: 20px; margin-bottom: 20px; }
.message-box h2,
.message-box p.heading { margin: 0; padding: 0 0 0.5em; font-size: 2em; font-weight: 300; line-height: 1.2; color: #111; }
.message-box p:last-child { padding-bottom: 0; }

.message-box.red { border-top-color: #fa5074; }

@media only screen and (min-width: 350px) {
	#hotline tel a { padding: 10px 20px; font-size: 2.153846em; }
	#hotline .button a { font-size: 2.8rem; padding: 10px 20px; }

	#enquiry-form .button a { padding: 10px 20px; }
}

@media only screen and (min-width: 600px) {
	.message-box { border-top: none; border-left: 20px #fc3 solid; padding: 30px; }
	.message-box.red { border-left-color: #fa5074; }

	/*.undergraduate div.degree { display: none; }*/
	div.ucas { display: inline-block; }

	#column-headings.undergraduate div,
	#course-list.undergraduate div {
		box-sizing: border-box;
	}

	#column-headings.undergraduate div.title,
	#course-list.undergraduate div.title {
		width: calc(100% - 250px);
	}

	#column-headings.undergraduate div.title {
		padding: 1%;
	}

	#column-headings.undergraduate div.degree {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 150px;
		padding: 1%;
	}

	#column-headings.undergraduate div.ucas {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 100px;
		padding: 1%;
	}

	#course-list.undergraduate div.title {
		padding: 1%;
	}

	#course-list.undergraduate div.degree {
		width: 150px;
		padding: 1%;
	}

	#course-list.undergraduate div.ucas {
		width: 100px;
		padding: 1%;
	}
}

@media only screen and (min-width: 800px) {
	dl { display: flex; flex-wrap: wrap; padding: 20px; }
	dt { margin: 0 0 20px 0; width: 50%; box-sizing: border-box; }
	dd { margin: 0 0 20px 0; width: 50%; padding-left: 10px; box-sizing: border-box; }
	dt:last-of-type,
	dd:last-of-type { margin-bottom: 0; }

	#hotline { padding: 20px; }
}

@media only screen and (min-width: 1100px) {
	#hotline-checklist-container { display: flex; }
	#hotline { margin-right: 30px; box-sizing: border-box; width: calc(50% - 30px); }
	#hotline tel a { box-sizing: border-box; width: 100%; padding: 10px; text-align: center; font-size: 1.923077em; }
	.arrow { position: absolute; top: 20px; right: -20px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #e6e2eb; }
	#hotline .button a { box-sizing: border-box; width: 100%; padding: 10px; text-align: center; font-size: 2.5rem; }
	#hotline .day { max-width: none; }
	#hotline .hours { text-align: right; }

	#checklist-links-container { box-sizing: border-box; width: 50%; padding: 20px 0 20px 10px; }
}

@media only screen and (min-width: 1200px) {
	dl { padding: 20px 30px; }
	#contextual { display: inline-block; }
	#hotline { padding: 20px 30px; }
	#hotline tel a { /*padding: 10px 20px;*/ font-size: 2em; }
	/*#column-headings.undergraduate div.degree,*/
	#column-headings.undergraduate div.duration { display: none; }
}

@media only screen and (min-width: 1300px) {
	#hotline tel a { /*padding: 10px 20px;*/ font-size: 2.076923em; }
	#hotline .button a { font-size: 2.7rem; }
}