#menu-bar {
	
	background: -webkit-linear-gradient(bottom right, #4ecdc4, #556b77);
	background: -o-linear-gradient(bottom right, #4ecdc4, #556b77);
	background: linear-gradient(to bottom right, #4ecdc4, #556b77);

}


#mobile-menu {
	background-color: #202e3a;
}

@media screen and (min-width: 1024px) and (max-width: 6000px){
	.newspaper {
		width:25%;
		text-align: center;
		float: left;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;

	}

	.newspaper img {
		padding: 10px;
		display: block; 
		margin: auto; 
		width:70px;
	}
	
	
	
	.menu-header {
		border-bottom: 2px #3e4e5b solid; color:#3e4e5b; font-weight: 700; padding: 0px 5px 10px 5px; text-transform: uppercase; 

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	div.menu-button {
		font-family: 'Poppins', sans-serif;
		padding:10px 5px;
		color:#fff;
		text-transform:uppercase;
		font-size:16px;
		font-weight:700;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;
		cursor:pointer;
		text-align: left;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	div.menu-button span:hover {
		padding: 3px 0px;
		border-bottom: 3px #fff solid;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

}

@media screen and (min-width: 0px) and (max-width: 1024px){
	.newspaper {
		width:100%;
		text-align: center;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;

	}
	.newspaper img {
		display: none;
	}
	
	.menu-header {
		border-bottom: 2px #3e4e5b solid; color:#3e4e5b; font-weight: 700; padding-bottom: 10px; text-transform: uppercase; 
		text-align: center;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	div.menu-button {
		font-family: 'Poppins', sans-serif;
		padding:15px 0px;
		color:#fff;
		text-transform:uppercase;
		font-size:16px;
		font-weight:700;
		filter: grayscale(100%);

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;
		cursor:pointer;
		text-align: center;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	div.menu-button:hover {

		background-color: #3e4e5b;
	}	
}


.Count_notification {
	/* notification */
	background-color: #fa3e3e;
	border-radius: 10px;
	color: white;

	padding: 1px 7px;
	font-size: 11px;

	position: absolute; /* Position the badge within the relatively positioned button */
	top: 12px;
	right: 13px;
}    

.button-box {
    display: inline-block;
    cursor: pointer;
	padding: 10px 0px
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

div.signout-button {
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
	cursor:pointer;
	
	padding:18px 12px;
	display:inline-block;
	position:relative;
	line-height: 24px;
	
	background-color:#292929; 
	width:70px; 
	height:60px;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	float:right;
	text-align:center;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;

}

div.signout-button:hover {
	background-color:#971012; 
}

div.smallmenu-header {
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
	cursor:pointer;
	
	font-family: 'Poppins', sans-serif;
	width:auto; 
	height:24px;
	padding:12px 10px 1px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	float:left;
	text-align:left;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;
}


div.smallmenu-button {
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
	cursor:pointer;
	
	padding:18px 12px;
	display:inline-block; 
	position:relative; 
	line-height: 24px;
	
	font-family: 'Poppins', sans-serif;
	width:70px; 
	height:60px;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	float:left;
	text-align:center;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;

}
	
div.smallmenu-button:hover {
	background-color:#202e3a; 
}

div.smallmenu-seperator {
	border-left: 3px #fff solid; 
	height: 30px; 
	width:0px; 
	margin: 15px 10px; 
	float: right; 
	display: inline-block;
	border-radius: 20px;
}

div.smallmenu-lines {
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
	cursor:pointer;
	
	padding:0px 10px;
	display:inline-block; 
	position:relative; 
	line-height: 24px;
	
	font-family: 'Poppins', sans-serif;
	width:70px; 
	height:60px;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	float:left;
	text-align:center;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;

}
	
div.smallmenu-lines:hover {
	background-color:#202e3a; 
}

/* Account */

div.account {
	width:100%; 
	text-align:center;
	padding:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;
}


div.account img {
	border-radius:200px;
	margin:auto;
	width:100%;
	max-width:180px;
	border:5px solid rgba(101, 109, 121, 0.2);
}

div.account h1 {
	font-family: 'Poppins', sans-serif;
	margin:0;
	padding-top:4px;
	color:#fff;
	font-size:23px;
}
div.account p {
	font-family: 'Poppins', sans-serif;
	margin:0;
	padding-bottom:4px;
	color:#fff;
	opacity:0.5;
	font-size:15px;
}