body {
	background: radial-gradient(ellipse at center 24%,rgba(105,197,216,1) 0,rgba(24,129,152,1) 44%,rgba(22,93,111,1) 80%);
}

div#header {
	background: white url(logo-cg77-pic.svg) bottom left no-repeat;
	padding-left: 100px;
	@media screen and ($max-mobile-viewport) {
		padding-left: 0;
		background-position: top left;
	}
}

#logo a {
	display: block;
	line-height: 140px;
	height: 140px;
	text-transform: uppercase;
	@media screen and ($max-mobile-viewport) {
		line-height: 120px;
		height: 85px;
	}
}

div#nav button#nav-button {
	background: rgba(255, 255, 255, 0.9);
	border: 2px solid $primary-color;
	border-bottom-width: 0;
}

#content div.cell.highlight {
	background: $title-background;
	color: $title-color;
	h2:first-child {
		background: white;
		color: black;
		&::after {
			content: " ";
			display: block;
			height: 20px;
			width: 20px;
			bottom: -8px;
			position: absolute;
			background: white;
			left: calc(50% - 10px);
			transform: scale(1.5, 1) rotate(45deg) ;
		}
	}
}

div#main-content-wrapper {
	background: #E0E8EA;
	max-width: none;
}

div#main-content-wrapper > div#main-content {
	max-width: $width;
	margin: 20px auto;
}

div#toplinks {
	top: 50px;
	background: #F1F1F1;
	box-shadow: none;
	border-radius: 1em;
	border: none;
	padding: 1ex 2em;
	@media screen and ($max-mobile-viewport) {
		top: 5px;
	}
}

#footer a {
	color: #CCC;
	&:hover {
		color: white;
	}
}

.last-bold ul li:last-child {
	font-weight: bold;
}
