



body {
	font-family: 'Sanchez', serif;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}




.navbar { 
	padding: 1.2em 0 1.2em 0;
	margin-bottom:0;
	background-color: #fff;
	border: none;
	border-radius: none;
	}
	
.navbar .mainnav-top > li a {
	font-family: 'Rajdhani', sans-serif;
	font-size: 1.9em;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 42px;
	color: gray;
	letter-spacing: 2px;
	transition: all 0.7s ease;
	outline: none;
	background: whitesmoke;
	}

.navbar-header {
	width: 100%;
}
	
.logo {
	width: 45%;
	margin-bottom: 2%;
	margin-top: 3%;
	padding-left: 4%;
	}
	
		
:focus {outline:none;} ::-moz-focus-inner {border:0;}
	
.active li a {
	color: red;
	}

	
	
.home-background {
	background: url(../images/home_image_mobile320.jpg) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-x: center;
	height: 254px;
	margin-top: 100px;
	}
	
	


.home-background-corn {
	background-color: #7fb84d;
	}
	

.home-background-corn img {	
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	width: 40%;
	height: 40%;
	}
	
	
.home-background-corn p {
	font-size: 1.5em;
	line-height: 1.35em;
	color: #354242;
	padding: 20px 0 42px 0;
	letter-spacing: 1px;
	}
	
	
.video_section {
	padding-bottom: 50px;
	}
	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	padding-right: 30px;
	padding-left: 0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	margin: auto;
	top:0;
	left:0;
	padding-right: 0px;
	padding-left: 0px;
	width:100%;
	height:100%;
}
	
	
.grain {
	background: url(../images/grain_mobile.jpg) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-x: center;
	height: 710px;
	margin-top: 0px;
	}
	
.grain p {
	font-family: 'Rajdhani', sans-serif;
	font-size: 1.6em;
	text-transform: uppercase;
	margin-top: 90px;
	margin-bottom: 5px;
	line-height: 34px;
	color: #fff;
	letter-spacing: 4px;
	transition: all 0.7s ease;
	outline: none;
	}
	


.about2 p {
	font-size: 1.5em;
	line-height: 1.35em;
	color: #354242;
	padding: 42px 0 42px 0;
	letter-spacing: 1px;
	margin-top: 10px;
	}	
	
	
	
	
	
.history .header img {	
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	width: 40%;
	height: 40%;
	}


.history .header {
	width: 40%;
	height: 40%;
	margin-bottom: 5%;
	margin-top: 10%;
}

.history p {
	color: #354242;
	padding: 10px 0 15px 0;
	
}
	

.history_intro {
	font-size: 1.5em;
	line-height: 1.35em;
	color: #354242;
	margin-top: 7%;
	letter-spacing: 1px;
}	


.history1 {
	padding: 0 0 0 0;
	margin: 0 0;
}

.history2 {
	padding: 0 0;
	margin: 0 0;
}

.history3 {
	padding: 0 0;
	margin: 0 0;
}

.history {
	padding: 0 0;
	margin: 0 0;
	
}


.history_content {
	padding-bottom: 60px;
}




.timeline p {	
	font-size: 1.1em;
	line-height: 1.65em;
	color: #354242;
	margin-top: 10px;
	}

	
h2 {
	font-family: 'Rajdhani', sans-serif;
	font-size: 2.8em;
	text-decoration: underline;
	margin-top: 40px;
	margin-bottom: 5px;
	line-height: 22px;
	color: #7fb84d;
	letter-spacing: 2px;
	transition: all 0.7s ease;
	outline: none;
}


	

	
	
	

	
	


	
.site-footer {
	background: url(../images/tomatoes_mobile.jpg) center top no-repeat;
	height: 406px;
	}
	
.address {
	font-size: .8em;
	line-height: 1.4em;
	margin-top: 20px;
	padding-bottom: 2px;
	letter-spacing: 0px;
	color: #fff;
	}
	
	
.socialmedia {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: 20px;
	}
	
.socialmedia img {
	margin-right: 20px;
	}

.contact a {
	text-decoration: underline;
	color: #fff;
	}
	
.contact_header {
	display: block;
	margin: 0 auto;
	margin-top: 26px;
	width: 40%;
	height: 40%;
}




.contact .row {
	background: url(../images/contactblock.png);
	margin-top: 70px;
	margin-left: 12px;
	margin-right: 12px;
}









a#about_anchor {
	position: relative;
	top: -110px; 
	}
	

a#history_anchor {
	position: relative;
	top: -120px; 
	}
	
a#contact_anchor {
	position: relative;
	top: -10px; 
	}
	
	
	



	

	/* mobile devices (phone, 481px and up) */
		@media only screen and (min-width:320px) {	
	
			.navbar-header {
				width: 100%;
				}
			

			
				
		}
	
		
		
		
		
		/* mobile devices (phone, 481px and up) */
		@media only screen and (min-width:481px) {	
	
			.navbar-header {
			width: 100%;
			}
			
			.home-background {
				background: url(../images/home_image_mobile.jpg) center top no-repeat;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position-x: center;
				height: 410px;
				margin-top: 100px;
				}
				
			.grain p {
				font-family: 'Rajdhani', sans-serif;
				font-size: 1.8em;
				text-transform: uppercase;
				margin-top: 120px;
				margin-bottom: 5px;
				line-height: 38px;
				color: #fff;
				letter-spacing: 4px;
				transition: all 0.7s ease;
				outline: none;
				}
				
				
			.address {
				font-size: 1.1em;
				line-height: 1.4em;
				margin-top: 20px;
				padding-bottom: 2px;
				letter-spacing: 0px;
				color: #fff;
				}
			
				
		}



		
		
		/* Small devices (tablets, 570px and up) */
		@media only screen and (min-width:570px) {
		
			.home-background {
				background: url(../images/home_image_mid2.jpg) center top no-repeat;
				margin-top: 70px;
				min-height: 540px;
				}
				
			.navbar-header {
				width: 100%;
				}
	
			.logo {
				width: 240px;
				padding-left: 4%;
				margin-bottom: -40px;
				}
				
			.home-background-corn img {	
				display: block;
				margin: 0 auto;
				margin-top: 30px;
				width: 25%;
				height: 25%;
				}
				
			.grain {
				background: url(../images/grain2.jpg) center top no-repeat;
				height: 710px;
				margin-top: 0px;
				}
				
			.grain p {
				font-size: 2.8em;
				line-height: 1.4em;
				margin-top: 15%;
				color: #fff;
				letter-spacing: 3px;
				}
				
			.history .container img {	
				display: block;
				margin: 0 auto;
				margin-top: 30px;
				margin-bottom: 30px;
				width: 25%;
				height: 25%;
				}
				
				
			.contact_header {
				display: block;
				margin: 0 auto;
				margin-top: 30px;
				width: 25%;
				height: 25%;
				}
				
			.site-footer {
				background: url(../images/tomatoes_mid2.jpg) center top no-repeat;
				height: 540px;
				}
							
			

		}
		
		
		
		
		/* Medium devices (desktops, 768px and up) */
		@media only screen and (min-width:768px) {	
		
		
				.navbar-header {
					width: 40%;
				}
					

				.navbar .mainnav-top > li a {
					font-size: 1em;
					line-height: 3px;
					}
					
				.navbar .mainnav-top > li {
						padding-left: 4px;
					}
					
	
				.history {
					background-color: whitesmoke;
					border-left: white solid 33px;
					border-right: white solid 33px;
				}
				
				
				.history .row p {
					margin-top: -25px;
					margin-left: 10px;
					text-align: left;
					padding-bottom; 0;
					color: #fff;
					line-height: 0px;
				}
				
				
				.history p {
					padding-bottom: 5px;
			
				}
				
				.contact {
					margin-top: 70px;
				}
				
		
			}
		
		
		
		
		

			
			
			
			/* Medium devices (desktops, 790px and up) */
		@media only screen and (min-width:790px) {	
		
		
			.home-background {
				background: url(../images/home_image_mid3.jpg) center top no-repeat;
				margin-top: 70px;
				min-height: 740px;
				}
				
				
			.home-background-corn .row {
				background-color: #354242;
				background: rgba(53, 66, 66, 0.6);
				margin-top: 100px;
				margin-bottom: 140px;
				padding: 0px 10% 0 10%;
			}
			
			
			.video_section {
				margin-bottom: 50px;
			}
			
			
			.home-background-corn .row p {
				color: #fff;
			}
			
			
			.home-background-corn img {
				margin-top: -22px;
			}
			
			
			.home-background-corn {
				background: url(../images/corn1.jpg) center top no-repeat;
				height: 1100px;
			}
			
			
			.history .container img {	
				margin-top: 50px;
				margin-bottom: 30px;
				}
				
			.site-footer {
				background: url(../images/tomatoes_mid3.jpg) center top no-repeat;
				height: 740px;
				}
				
			.contact .row {
				margin-top: 170px;
				}
				
			
			
		}
			


		/* Medium devices (desktops, 992px and up) */
		@media only screen and (min-width:992px) {	
		
			.logo {
				width: 280px;
				}
				
				
			.grain p {
				font-size: 2.8em;
				line-height: 1.4em;
				margin-top: 17%;
				padding: 0 10% 0 10%;
				}
				
			.grain {
				margin-top: 210px;
				}
				
			.home-background-corn {
				background: url(../images/corn2.jpg) center top no-repeat;
				height: 1000px;
			}
				
			

				

		}
		
		


		/* large devices (desktops, 1150px and up) */
		@media only screen and (min-width:1150px) {
		
			.navbar .mainnav-top > li a {
				font-size: 1em;
				line-height: 3px;
				}
				
			.home-background {
				background: url(../images/home_image_mid4.jpg) center top no-repeat;
				margin-top: 70px;
				min-height: 1040px;
				}
				
			.home-background-corn {
				background: url(../images/corn2.jpg) center top no-repeat;
				}
				
			.home-background-corn .row {
				margin-bottom: 140px;
			}
			

			
			.grain {
				background: url(../images/grain3.jpg) center top no-repeat;
				height: 950px;
				margin-top: 300px;
				}
				
			.grain p {
				font-size: 4.2em;
				line-height: 1.4em;
				margin-top: 14%;
				padding: 0 5% 0 5%;
				}
				
				
			.history .container img {	
				margin-top: 60px;
				margin-bottom: 34px;
				}
				
				
			.site-footer {
				background: url(../images/tomatoes_mid4.jpg) center top no-repeat;
				height: 1040px;
				}
				
				
			.contact .row {
				margin-top: 270px;
				}
				
			
				
			
				
				
			
		}



		/* extra large devices (desktops, 1200px and up) */
		@media only screen and (min-width:1200px) {
		
			.grain {
				margin-top: 400px;
			}
			
			
			.about2 .row {
				margin: 30px 0 30px 0;
			}
			
		
	






		/* extra large devices (desktops, 1900px and up) */
		@media only screen and (min-width:1900px) {
		
			
				
			.home-background {
				background: url(../images/home_image_big.jpg) center top no-repeat;
				margin-top: 70px;
				min-height: 1150px;
				}
				
			.home-background-corn {
				background: url(../images/corn3.jpg) center top no-repeat;
				height: 1200px;
				}
				
			.home-background-corn .row {
				margin-bottom: 240px;
				}
			
			.grain {
				background: url(../images/grain.jpg) center top no-repeat;
				height: 950px;
				margin-top: 300px;
				}
				
			.site-footer {
				background: url(../images/tomatoes_big.jpg) center top no-repeat;
				height: 1150px;
				}
				
			.contact .row {
				margin-top: 370px;
				}
		
				
				
			}



		/* Medium devices (desktops, 992px and up) */
		@media (min-width: @screen-lg-min) { ... }
			
			
			
			
		/* Nav Break Point */		
		@media (max-width: 769px) {
		    .navbar-header {
		        float: none;;
		    }
		    .navbar-left,.navbar-right {
		        float: none !important;
		    }
		    .navbar-toggle {
		        display: block;
		    }
		    .navbar-collapse {
		        border-top: 1px solid transparent;
		        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		    }
		    .navbar-fixed-top {
				top: 0;
				border-width: 0 0 1px;
			}
		    .navbar-collapse.collapse {
		        display: none!important;
		    }
		    .navbar-nav {
		        float: none!important;
				margin-top: 7.5px;
			}
			.navbar-nav>li {
		        float: none;
		    }
		    .navbar-nav>li>a {
		        padding-top: 10px;
		        padding-bottom: 10px;
		    }
		    .collapse.in{
		  		display:block !important;
			}
		}



