@media (min-width: 868px){
	#logo-and-menu nav ul li{
		display:inline-block;
	}
}	
@media (max-width: 867px){

	#logo{
		text-align:center;
	}
	#logo-and-menu nav ul{
		text-align:center;
	}
	#logo-and-menu nav{
		margin-top:20px;
		margin-left:-42px;
	}
	#logo-and-menu nav ul li{
		display:inline-block;
	}
	.loader img{
		position:relative;
		margin-top:-25%;
		margin-left:-25%;
		width:50%;
		height:50%;
	}

    #uc-text{
		font-size:10px;
	}
	#gallery .section h3{
    	visibility:visible;
	}
    #gallery .section a:hover h3{
    	visibility:hidden;
    }
}	
@media (max-width: 368px){
    
	#logo img{
		width:225px;
		height:60px;
	}
	#logo-and-menu nav ul li{
		display:inline;
	}
	#our-projects h2{
		padding:0px;
		font-size:22px;
	}
	#gallery .section h3{
    	visibility:visible;
	}
    #gallery .section a:hover h3{
    	visibility:hidden;
    }
}