@media (max-width: 800px) {

	header .content,
	#main .content,
	footer .content {
		width: 100%;
	}

	#topbar {
		padding-top: 35px;
		margin-left: 25px;
		margin-right: 25px;
	}

	#topbar .title.left,
	#topbar .info.right {
		float: none;
	}

	#topbar .info {
		line-height: 2;
		margin-top: 10px;
		font-size: 1em;
	}

	#main {
		margin-top: 45px;
		margin-left: 25px;
		margin-right: 25px;
	}

	#main h1 {
		padding-bottom: 40px;
	}

	footer {
		padding: 20px;
		line-height: 2;
		font-size: 1.1em;
	}

	#back_to_top {
		margin-top: 10px;
		font-size: 3.6em;
		opacity: 0.7;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	#back_to_top:hover {
		opacity: 0.8;
		color: #4d4d4d;
		transition: all 0.2s ease;
		transform: translateY(0);
	}

}