/*==================================================
=            Bootstrap  Media Queries             =
==================================================*/




    /*==========  Mobile First  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
	    
	    

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	    
	    
	    #nav ul li{
			list-style: none;
			padding: 20px 40px;

		}
	    
	    #nav ul li a{

			font-size: 30px;
			line-height: 35px;
	
			
		}
			  
	    .text1 h1 {
		 	padding-top: 130px !important;
		 	font-size: 55px;
		 	padding-top: 90px;
		}
		
		.text1 h2 {
			padding-top: 50px;
		 	font-size: 32px;
		 	line-height: 55px;
		}
		
		.socials{
		
			padding: 20px 10px;
		} 
		

		#hero, #item1, #item2{
			min-height: 680px;
			background-size: 1400px;
	
		}
		
		#project{
			min-height: 350px;
			background-position: center top;
			background-size: 1400px;

		}
	    
	    
		.project h1 {
			padding-top: 70px;
			font-size: 30px;

			
		}
		
		.project h2 {
			padding-top: 30px;
			font-size: 40px;
			line-height: 31px;
		}
		
		.project h3 {
			padding-top: 20px;
			font-size: 24px;
			line-height: 31px;
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	    
	    
	    

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {


		

    }