body {
	position: relative;
	height: 100%;
	width: 100%;
}

/* Common wrapper layout */
.dd-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
  }
  .dd-wrapper .dd-center-content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
  }
  
  /* Title, Heading & Text */
  .dd-title {
	font-family: 'Source Sans Pro', sans-serif;
	color: #393E46;
	display: inline-block;
  }
.title {
	width: 100%;
	text-align: center;
}
.title-lite {
	display: inline-block;
	font-weight: 900;
	width: 100%;
	text-align: center;
	font-size: 5em;
	color: #eee;
}
.sidebar {
	float: left;
	width: 25%;
	height: 100vh;
}
.sidebar-content {
	position: fixed;
	
	height: 100%;
	
}
.sidebar-list {
	
}
.sidebar-list-menu {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-list-menu li a {
	position: relative;
	display: block;
	line-height: 50px;
	font-weight: 300;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
}
.sidebar-list-menu li a.active {
	font-weight: 900;
}
.sidebar-list-menu-active-bar {
	position: absolute;
	width: 6px;
	height: 50px;
	background: #fff;
	top: 0;
	left: -22px;
	z-index: 999;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;
	transition-delay: 0;
}

.content {
	display: block;
	width: 100%;
}
.content > .content-container {
	width: 100%;
	height: 100vh;
}

.content--center {
	position: relative;
	width: 100vw;
	height: 100vh;
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.sidebar, .sidebar-content {
		width: 35%;
	}
	
	.sidebar-list-menu {
		margin-left: 15px;
	}
	.sidebar-list-menu::after {
		left: -10px;
	}
	.sidebar-list-menu-active-bar {
		left: -12px;
	}
}