#line li:last-of-type {
	border-right:1px solid;
}

hr.thin {
	border: none;
	height: 1px;
	/* Set the hr color */
	color: black; /* old IE */
	background-color: black; /* Modern Browsers */
	margin-top:20px;
}

@media(min-width:800px) {
	label[for="menu"] {
		display:none;
	}
}

/************************ Responsive Design ******************/
@media(max-width:799px) {

	#top {
		position:static;
		width:100%;
		height:auto;
	}
	
	#title {
		position:static;
		width:100%;
		background-repeat:no-repeat;
	}
	
	#side {
		display:none;
	}
	
	#main {
		width:100%;
		top:0;
	}
	
	#text {
		position:static;
		top:auto;
		left:auto;
		width:auto;
		margin:40px auto 0;
		max-width:380px;
		padding:0 10px;
	}
	
	/*** Mobile Top Menu ***/
	#line {
		position:static;
		width:100%;
		top:auto;
		left:auto;
		height:auto;
	}
	#line ul {
		width:100%;
		margin:0;
		padding:0;
	}
	#line ul > li{
		display:block;
		list-style: none;
		border-bottom:1px solid white;
		text-align:center;
	}
	#line li:last-of-type {
		border-right:none;
	}
	#line ul > li a{
		display:block;
	}
	
	/*** Mobile Side Menu ***/
	label[for="menu"] {
		font-size:34px; /* Change to alter button size */
		cursor:pointer;
		position:absolute; /* relative and absolute work */
		z-index: 2;
		left: 0;
		top: 0;
		color: black;
		transition: color .3s ease-in-out;
		user-select: none;
		margin:10px;
	}
	label[for="menu"] .fa-border {
		border-color:black;
		border-radius:5px;
	}
	/* The side navigation menu */
	#navi, #right {
			box-sizing:border-box;
			/* height: 100% !important; /* 100% Full-height */
			width: 0; /* 0 width - change this with JavaScript */
			padding-left:0;
			position: fixed; /* fixed, Stay in place */
			z-index: 5; /* Stay on top */
			top: 0;
			left: auto;
			right: 0;
			overflow-x: hidden; /* Disable horizontal scroll */
			padding-top: 25px; /* Place content 60px from the top */
			transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
			-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	#right {padding-top:0;height:100%;}
	/* Position and style the close button (top right corner) */
	#navi .closebtn {
			position: absolute;
			top: 0;
			right: 25px;
			font-size: 36px;
			margin-left: 50px;
	}
	/* Overlay */
	.overlay3 {
			height: 100%;
			width: 0;
			position: fixed;
			z-index: 3;
			top: 0;
			left: 0;
			background-color: rgba(0,0,0, 0.9);
			overflow-y: auto;
			overflow-x: hidden;
			text-align: center;
			opacity: 0;
			transition: opacity 1s;
			margin:0;
			padding:0;
	}
}