.nav-mobile-bottom {
    display:none;}
	
/* --- Mobile Menu ------------------------ */
@media screen and (max-width:930px){	
	
	.menu-icon-mobile {
		color:#fff;
		font-size:1.5em;
		margin-bottom:0.5em;
		transition: all ease-in-out .15s;
	}
	
	.menu-icon-mobile:hover {
		color:#fff;
		transition: all ease-in-out .15s;		
	}
	
	.menu-icon-comment{
		color:#fff;
		font-size:1.5em;
		margin-top:0.75em;
		margin-bottom:0.60em;
		transition: all ease-in-out .15s;
	}
	
	.menu-icon-comment:hover {
		color:#fff;
		transition: all ease-in-out .15s;		
	}
	
	.nav-mobile-bottom {
		display: block;
		background-color: #777;
		height: auto;
		width: 100%;
		position: fixed;
		bottom: 0;
        left: 0;
		z-index: 9999999;
		padding: 0.5em 1.0em;
	}

	.menu-mobile-list li {
		list-style: none;
		width: 33%;
		border: 0 solid rgba(255, 255, 255, 0.25);
		text-align: center;
		margin: 0 0.33em;
		border-bottom:3px solid #777;
		font-size: 1.0em;
		font-weight: 300;
		font-family: 'Lato';
		transition: all ease-in-out .15s;
        line-height:1.25em;
	}

	.menu-mobile-list li a {
		padding: 1.0em 0.8em 1.0em 0.8em;
		display: block;
		color: #fff;
		text-decoration: none;
		border-bottom:3px solid #777;
		transition: all ease-in-out .15s;

	}
	
	.menu-mobile-list li a:hover {
		transition: all ease-in-out .15s;
		background-color: rgba(255, 255, 255, 0);
		color:#fff;
		border-bottom:3px solid #fff;
		
	}
	
	.menu-mobile-list li a > div {
		color:#fff;		
		transition: all ease-in-out .15s;
				
	}
	
		.menu-mobile-list li a:hover > div {
		transition: all ease-in-out .15s;
		background-color: none;
		color:#fff;
	
	}

	.menu-mobile-list {
		display: -ms-flexbox;
		display: -webkit-flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		display: flex;
		flex-direction: row;
		margin: 0;
		padding: 0
	}
}