@charset "utf-8";
/* CSS Document */

/* Reset */
* {
	margin: 0;
  padding: 0;
  box-sizing: border-box;
}


@font-face {
  font-family: 'Poppins';
  src: url('/fonts/poppins-regular.woff2') format('woff2'),
       url('/fonts/poppins-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/fonts/poppins-bold.woff2') format('woff2'),
       url('/fonts/poppins-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;
	color:#153c1e;
}
		
		

.logo {
	float:left;
	height:280px;
	width:auto}

.content {
	padding:5px;
	min-height:400px}

h1 {font-weight:bold; font-size:1.6em}
h2 {font-weight:normal; font-size:1.6em}
h3 {font-weight:bold; font-size:1.6em}

span{
	font-weight:bold;
	color:#a5d512;	
}

a {
	text-decoration:underline;
	color:#133b1b
}

.fade {transition: 0.6s;}
.fade:hover{opacity:0.5}

.main_width {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.grid {
	display: grid;
  gap: 1rem;
}

.card {
	background: #eee;
  padding: 1rem;
  border-radius: 8px;
}


.main_bg {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#e7e6d6;
}

.sector_bg {
	background-color:#0b2811;
	padding-top:50px;
	padding-bottom:50px;
}

.clear_both{ clear:both; line-height:0; height:0}


header {
	padding-top:86px;
	height:800px;
	background-image:url(../images/narrow-pathway-garden-surrounded-by-lot-colorful-flowers.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	text-align:center;
}


header .nourish_nature {
margin-top:200px; font-size:80px; color:#ffffff
}

header .cultivate_success {
margin-bottom:80px; font-size:80px; color:#a5d512
}

header .visit_shop {
	text-decoration:none;
	padding:12px;
	padding-left:46px;
	padding-right:46px;
	color:#153c1e;
	background-color:#a5d512;
	border-radius: 15px;
}

header .visit_shop:hover {
	color:#ffffff;
	background-color:#153c1e;
}


.turning_waste {
	text-align:center;
}

.turning_waste h2{
	font-size:54px;
}




footer {
	padding-top:86px;
	height:800px;
	background-image:url(../images/beautiful-shot-green-fields-with-narrow-roads-middle.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	text-align:center;
}

.bg_getintouch {
	display:flex;
	gap: 40px;
	text-align:left;
	border-radius: 20px;
	background-color:#0b2811;
	padding:50px;
	color:#FFF;
	font-weight:bold;
}

.bg_getintouch span {
	font-weight:bold;
	color:#a5d512;
}



.bg_getintouch .email {
	display: none
}

.form_row_title {
	  width: 6%;
		border:1px solid red;
}
.form_row_inputs {
	  width: 45%;
		border:1px solid purple;
}
.form_row_message {
	width: 45%;
	border:1px solid black;
	text-align:right;
}


.bg_getintouch label {
  width: 70px;
	display: inline-block;
  text-align: right;
  margin-right: 10px;
	border:1px solid blue;
}

.bg_getintouch input {
	height:40px;
	width:440px;
	margin-bottom:20px;
}



.bg_getintouch input[type="submit"] {
	width:auto;
  background-color: #a5d512;
  color: #0b2811;
  border: none;
  padding: 10px;
  padding-left:50px;
  padding-right:50px;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.bg_getintouch textarea {
	width:614px;
	height:96px;
}

.bg_info {
	display:flex;
	margin-top:40px;
	border-radius: 20px;
	background-color:#e7e6d6;
	padding:50px;
	text-align:left;
}

.info_left {
	width:45%;
	border:1px solid green;
}

.info_left a {
	margin-right:20px;
	
}

.info_right {
	width:45%;
}

.info_left_col1  {
	width:180px;
	border:1px solid red;
}

info_left_col2  {
	width:45%;
	border:1px solid blue;
}

.info_left_col2 img {
	margin-top:10px;
}

/*----------------------------------------------------------------------------------------------*/
/* Navigaiton                                                                                   */
/*----------------------------------------------------------------------------------------------*/

    /* Tablet */
    @media (min-width: 600px) {
      .grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* Desktop */
    @media (min-width: 1000px) {
      .grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
		
/*----------------------------------------------------------------------------------------------*/
/* scroll_to_top                                                                                */
/*----------------------------------------------------------------------------------------------*/
.scroll_to_top { height:0; overflow:visible; cursor: pointer; border:0px solid red; text-align:center; padding:14px}
.scroll_to_top img{height:43px; width:43px; background-color:#a5d512; border:0px solid #153c1e;border-radius: 3px;}
.scroll_to_top img:hover{background-color:#153c1e; transition:0.5s}

/*----------------------------------------------------------------------------------------------*/
/* Navigation                                                                                  */
/*----------------------------------------------------------------------------------------------*/

.nav_bg {
  display: flex;
  align-items: center;   /* vertical centering */
  height: 60px;
  background-color: #fff;
  overflow: visible;
  border: 0px solid black;
}

.nav_bg a {
  color: #133b1b;
  text-decoration: none;
}

.nav_lhs,
.nav_logo,
.nav_rhs {
  height: 60px;
  display: flex;
  align-items: center;
}

.nav_lhs {
  width: 40%;
  background-color: #fff;
  border: 0px solid blue;
}

.nav_logo {
  width: 20%;
  justify-content: center;
  border: 0px solid yellow;
}

.nav_rhs {
  width: 40%;
  background-color: #fff;
  border: 0px solid purple;
}

nav {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0.5rem;
}

nav a {
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
}