/*    Default Layout: 992px. 
    Gutters: 24px.
    Outer margins: 48px.
    Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media only screen and (min-width: 1450px) and (max-width: 2560px) {
	
	#home img { margin-top: 100px; padding-top: 300px }
	.container { width: 1400px }
	

}

@media only screen and (min-width: 1300px) {
	
	#home img { padding-top: 100px }
	

}

@media (max-width: 991px) {
	
	.section-title p {
    padding-top: 0;
    font-size: x-large;
}
	
	#parcels .media h3 { padding: 0}
	#parcels .media p { padding: 0}
	
	#footer li { line-height: 20px}
	

}

@media only screen and (max-width: 768px) {
	
	#home img { margin-top: 40px}
		

}



@media (max-width: 860px) {


}


@media (max-width: 991px) {
	
	#nav li a { font-size: 12px; padding-right: 0; margin-right: 2px; display: none}
	
	
	
	



}


/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	#about .subtitle .button { background-color: #D5D5D5; border-radius: 3px }
	
	
	
 
}



/*    Mobile Layout: 320px.
    Gutters: 24px.
    Outer margins: 34px.
    Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

	.section-title{ width: 100%; }
	.subtitle { padding-top: 50px; }
	.section-title p { padding-top: 0 }
	.navbar-brand a img { padding-left: 0; }
	
	#header nav { margin-top: 5px; }
	
	#home img { display: none }
	#home h2 { color: #3D8846; font-size: 32px}
	
	#about .subtitle p { margin-bottom: 20px}
	#about .videoWrapper { height: 240px; }
	.videoWrapper iframe { padding-bottom: 20px; }
	#about .subtitle .button { background-color: #D5D5D5; border-radius: 3px }
	
	#parcels .media h3 { padding: 0}
	#parcels .media p { padding: 0}
	
	#footer li { line-height: 20px}
	
	




}



/*    Wide Mobile Layout: 480px.
    Gutters: 24px.
    Outer margins: 22px.
    Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	

	

}


/*  Retina media query.
  Overrides styles for devices with a 
  device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  
  
  
}