
.container-fluid {
	padding-left: 5%;
	padding-right: 5%;
}

body {
	font-family: Signika, Helvetica, Arial, sans-serif;
}

p {
	font-weight: 300;
	color: grey;
}

a {
	color: green;
}

a.active {
	color: black;
	font-weight: 500;
}

.btn-primary {
	background-color: green;
	border-color: green;
}

img.brand {
	width: 200px;
}

.footer-wrap {
	background-color: #333;
}

footer {
	padding: 30px 0px;
}

/* 
 * HOME PAGE
 */
 
.jumbotron.home {
 	background-image: url("/assets/images/home-brown-rice.jpg");
 	background-size: cover;
 	text-shadow: 1px 1px #222;
 	height: 350px;
 	-webkit-font-smoothing: antialiased;
 	width: 100%;
 	margin-bottom: 35px;
 	border-radius: 0px;
 }
 
.jumbotron.home  h1 {
 	font-size: 3em;
 	line-height: 0.9em;
 	color: white;
 }
 
 .jumbotron.home  h2 {
  	color: white;
  	font-size: 1.4em;
  }
 
.jumbotron.home>div.container {
 	padding: 4%;
 }
 
.jumbotron.home p {
 	color: white;
 	
 }

.feature-box-1 {
	background-color: #f6f5d5;
	height: 350px;
	border-radius: 3px;
	position: relative;
	padding-top: 15px;
	margin-bottom: 20px;
}

.feature-box-1 h2 {
	padding: 0px 12px;
}

.feature-box-1 p {
	padding: 0px 12px;
	font-size: 1.1em;
}

.feature-box-1 .image img {
	width: 100%;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.feature-box-1 .image  {
	position: absolute;
	overflow: hidden;
	bottom:  0px;
}

.feature-box-2 img {
	border-radius: 3px;
}

/* 
 * PRODUCT CATEGORY PAGE
 */
 
 .jumbotron-fluid.product {
 	height: 70px;
 	padding: 12px;
 }
 
 .jumbotron-fluid.product  h1 {
 	color: white;
 }

.product .card .card-body {
	padding-bottom: 2px;
}
 
.product .card a {
	display: block;
	margin: 0px;
	line-height: 1rem;
	padding-bottom: 5px;

}

.product .card-title {
	margin-bottom: 6px;
}

.product .card-subtitle {
	text-transform: uppercase;
	font-size: 0.7em;
}

.product .cat-read-more {
	text-align: right;
	font-weight: normal;
	color: #888;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	font-size: 0.9rem;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.jumbotron.home  h1 { 
		font-size: 3.5em;
	}
	.jumbotron.home  h2 { 
		font-size: 1.8em;
	}
	.jumbotron.home {
		height: 500px;
	}
	.feature-box-1 {
		height: 340px;
		margin-bottom: 0px;
	}
	.feature-box-1 p {
		font-size: 1em;
		line-height: 1.1em;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.jumbotron.home  h1 { 
		font-size: 4em;
		margin-bottom: 20px;
	}
	.jumbotron.home  h2 { 
		font-size: 2.0em;
	}
	.jumbotron.home>div.container {
	 	padding: 2%;
	 }
	.feature-box-1 {
	 	height: 320px;
	 }
	.feature-box-1 p {
	 	font-size: 1em;
	 	line-height: 1.4em;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.jumbotron.home  h1 { 
		font-size: 5em;
	}
	.jumbotron.home  h2 { 
		font-size: 2.2em;
	}
	.feature-box-1 {
	 	height: 330px;
	 }
	.feature-box-1 p {
	 	font-size: 1.1em;
	 	line-height: 1.5em;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.jumbotron.home  h1 { 
		font-size: 6em;
	}
	.jumbotron.home  h2 { 
		font-size: 2.5em;
	}
	.jumbotron.home {
		height: 450px;
	}
	.feature-box-1 {
		height: 330px;
	}
}







