@media screen and (min-width: 768px){
	.social-section {
		text-align: center;
	}
	ul.list-unstyled.nav-menu{
		display: block !important;
	}
	.nav-menu{
		float: right;
	}
}
@media screen and (max-width: 768px){
	.number{
		text-align: left;
		margin-bottom: 5px;
	}
	.email{
		text-align: left;
		margin-bottom: 5px;
	}
	ul.list-unstyled.nav-menu {
    	display: none;
	}
	.logo i{
		display: block;
	}
	ul.list-unstyled.nav-menu li{
		display: block;
	}
	ul.list-unstyled.nav-menu li a{
		display: block;
		padding: 10px;
		border-bottom: 1px solid #3c3b3b;
	}
}