/* ==================================================================

*   Zoon Media Queries
*   url: styleshout.com
*   06-07-2014

/* ================================================================== */


/* screenwidth less than 1140px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

	/* Intro Styles
	------------------------------------------------------------------ */
	#my_header{	min-height: 550px; }

	/* Header 
	------------------------------------------------------------------ */
	header #logo {	
		top: 66px;	
		width: 200px;
		margin-left: -100px;
	}

   /* main
   ------------------------------------------------------------------ */
   #main { margin-top: 90px; }
  	#main h1 { 
  		font: 38px;
		line-height: 1.2em; 
  		padding: 0 15%;
  	}
	#main p { font-size: 16px;
		line-height: 30px; }
	
	#location .contacts {
		padding-top: 28px;
	}

}

/* screenwidth less than 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

	/* intro styles
	------------------------------------------------------------------ */
	#my_header {	min-height: 500px; }

   /* main
   ------------------------------------------------------------------ */
   #main h1 { 
  		font-size: 35px;
		line-height: 1.2em; 
  		padding: 0 8%;
  	}
  	#main p { 
  		font: 16px;
		line-height: 30px;
  		padding: 0 10%; 
  	}

	/* location section
	------------------------------------------------------------------ */   
	#location .contacts {
		padding-top: 48px;
	}
	#location .contacts .row .columns { width: 50%; }
	#location .contacts .row .end { clear: both; }	

}

/* mobile 
---------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

	/* intro styles
	------------------------------------------------------------------ */
	header #logo {	
		top: 50px;	
		width: 200px;
		margin-left: -100px;		
	}

   /* main
   ------------------------------------------------------------------ */
   #main { margin-top: 48px; }
  	#main h1 { 
		font-size: 30px;
		line-height: 1.2em;	
  		text-align: center;  
		margin-top: 40px;		
  	}
    #main h2 { 
   		font-size: 48px;
 		line-height: 1.2em; 
 		padding: 0 5px;
   	}
	#location h2 { 
   		font-size: 30px;
 		line-height: 1.2em; 
 		padding: 0 5px;
   	}
  	#main p {	
		font-size: 14px;
		line-height: 24px;	
		margin-bottom: 15px;
		text-align: center;
	}

	/* location section
	------------------------------------------------------------------ */ 
	#location .contacts { padding-top: 54px; }
	#location .contacts .row .columns { 
		text-align: center;
		width: 100%; 
		float: none;
	}	

}

/* screenwidth less than 460px
  -------------------------------------------------------------------------- */
@media only screen and (max-width: 460px) {

	/* intro styles
	------------------------------------------------------------------ */
	#my_header {min-height: 500px; }
   
   /* main
   ------------------------------------------------------------------ */
   #main h1 { 
  		font-size: 28px;
		line-height: 1.2em; 
		padding: 0 5px;
  	}
    #main h2 { 
   		font-size: 48px;
 		line-height: 1.2em; 
 		padding: 0 5px;
   	}
	#location h2 { 
   		font-size: 30px;
 		line-height: 1.2em; 
 		padding: 0 5px;
   	}

}

/* screenwidth less than 400px
  -------------------------------------------------------------------------- */
@media only screen and (max-width: 400px) {

	/* intro styles
	------------------------------------------------------------------ */
	#intro {	min-height: 450px; padding-top: 10px; }

	/* main
   ------------------------------------------------------------- */
   #main { margin-top: 42px; }
   #main h1 { 
	   font-size: 25px;
	   line-height: 1.2em; 	}
       #main h2 { 
      		font-size: 48px;
    		line-height: 1.2em; 
    		padding: 0 5px;
      	}
   	#location h2 { 
      		font-size: 30px;
    		line-height: 1.2em; 
    		padding: 0 5px;
      	}
   #main p { 
	  font-size: 12px;
	  line-height: 21px;	}

}