//	Sidebar
aside.sidebar {
	display: none;
	float: right;
	width: 30%;

	@media only screen and (min-width:640px) {
		display: block;
	}
}

//	Content
div.content {
	@media only screen and (min-width:640px) {
		float: left; 
		width: 61%;
	}
}

/*
	General Aside Styling

 */
aside.sidebar {
	p.title {
		background: $site-salmon;
		color: $base_accent_color;
		font-size: 1.5em;
		padding: .5em 1rem;
		margin-bottom: 1.5rem;
		border-right: 10px solid $base_accent_color;
		text-align: right;
	}

	> div {
		font-size: .85em;
		margin: 0 0 2rem 0;
	}

	.get-help {
		color: $base-accent-color;
		text-align: right;
		padding-top: .75em;
		border-top: 2px solid;
	}

	img.centered {
		margin: 0 auto;
	}

	ul {
		list-style: none;
		
		li {
			margin-bottom: .5em;
			margin-left: 1.5em;
			margin-right: 1em;

			 &:before {
				content: "\f00c";
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				color: $base_accent_color;
				margin: 0 1em 0 -2em;
			}
		}
	}
}