/* CSS Document */
/* Top Menu */
.navbar{
	background-color:#D7ABE9;/*#3b5998*/
	overflow:hidden;
	height:63px;
}
.navbar a{
	float:left;
	display:block;
	color:#f2f2f2;
	text-align:center;
	padding:14px 16px;
	text-decoration:none;
	font-size:17px;
}
.navbar ul{
	margin:8px 0 0 0;
	list-style:none;
}
.navbar a:hover{
	background-color:#ddd;
	color:#000;
}


/* Sidebar */
.side-nav{
	height:100%;
	width:0;
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	background-color:#111;
	opacity:0.9;
	overflow-x:hidden;
	padding-top:60px;
	transition:0.5s;
}
.side-nav a{
	padding:10px 10px 10px 30px;
	text-decoration:none;
	font-size:16px;
	color:#ccc;
	display:block;
	transition:0.3s;
}
.side-nav a:hover{
	color:#fff;
}
.side-nav .btn-close{
	position:absolute;
	top:0;
	right:22px;
	font-size:26px;
	margin-left:50px;
}
/* Main content holder */
#main{
	transition:margin-left 0.5s;
	overflow:hidden;
	width:100%;
}
	
@media(max-width:568px){
	.navbar-nav{
		display:none;
}


}