html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
background-color:transparent;
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

article,aside,details,button,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

table {
border-collapse:collapse;
border-spacing:0
}

button,a:link,a:hover,a:visited,a:active {
color:inherit;
text-decoration:none
}

@font-face {
font-family:arial;
src:url(arial.ttf)
}

@font-face {
font-family:brushup;
src:url(BrushUp.otf)
}

@font-face {
font-family:cocogoose;
src:url(COCOGOOSE.ttf)
}

img {
max-width:100%
}

.left {
clear:left
}

.right {
clear:right
}

.both {
clear:both
}

.nowrap {
white-space:nowrap
}

.arial {
font-family:arial
}

.bold {
font-weight:700
}

.italic {
font-style:italic
}

#container {
background-color:#114310
}

#background-image {
background-image:url(../images/background.jpg);

background-repeat:repeat;
overflow:auto;
max-width:1800px;
margin:0 auto;
background-size:25%;
min-width:360px
}

#background {
width:70%;
margin:0 auto;
font-size:.9em;
font-family:arial;
max-width:1200px
}

.lo-na {
background-color:#1D3517;
font-family:cocogoose;
padding:5%;
color:#fff;
overflow:auto
}

.logo {
width:25%;
float:left
}

.nav {
width:75%;
margin:5% 0;
float:left;
text-align:center
}

.sp::after {
content:url(../images/dot.png);
margin:5px
}

.menu-top {
display:inline;
text-transform:uppercase;
font-size:115%
}

#main {
background-color:#CFB08C;
padding:5%;
overflow:auto
}

.la-img {
opacity:.5;
filter:alpha(opacity=50);
margin-bottom:-5px
}

.la-img:hover {
opacity:1;
filter:alpha(opacity=100)
}

.min-1 {
position:relative;
background-color:#000;
margin:2.5%
}

.min {
position:relative;
background-color:#000;
width:45%;
float:left;
margin:2.5%;
font-size:2em;
max-width:
}

.product-li {
position:absolute;
left:55%;
top:65%
}

.pro-h1 {
font-family:brushup;
border-bottom:2px solid #fff;
color:#B6C344;
font-size:1.5em;
margin-bottom:6px
}

.exp-h2 {
font-family:cocogoose;
text-transform:uppercase;
color:#fff;
font-size:.57em
}

.contact {
background-color:#A67C55;
overflow:auto
}

.flf,.frt {
width:50%
}

.flf {
float:left
}

.frt {
float:right
}

.connect,.email {
width:80%;
margin:5% auto;
color:#fff;
font-family:cocogoose;
font-size:.8em;
font-weight:light;
letter-spacing:1px;
line-height:1.2em
}

.connect {
padding-top:20px
}

.input-1 {
width:80%;
padding:2px 5px;
font-size:1em;
margin:8px 0;
color:#455d41
}

.input-1:focus {
background-color:#CFB08C
}

.input-1,.input-2 {
font-weight:700
}

.input-2 {
font-size:1.3em;
text-transform:uppercase;
padding:0 15px;
margin-top:10px;
color:#72996c;
float:left
}

.soc-med {
width:10%;
margin:10px 5px;
border-radius:5px
}

.copy {
padding:20px 5px 5px;
text-align:right;
color:#fff;
font-size:1.1em
}

.reg {
font-size:.7em;
color:#fff;
padding:4px;
line-height:1.3em;
text-align:center;
padding:0 5% 2%
}

.space {
letter-spacing:-1px
}

.hr-bl {
padding-bottom:20px;
background-image:url(../images/dot-pattern.png);
background-repeat:no-repeat;
height:38px;
background-size:100%
}

.hr-bl,.reg,.copy,.hr-bk {
background-color:#1D3517;
overflow:auto
}

.hr-bk {
background-image:url(../images/dot-pattern.png);
background-repeat:no-repeat;
height:28px;
background-size:200%
}

.li-head,.pr-head {
font-family:brushup
}

.pr-ft,.author {
font-family:cocogoose;
line-height:1.3em
}

.li-head,.pr-head,.pr-ft {
text-align:center;
color:#1d3517;
margin-bottom:3%
}

.pr-ft {
padding-top:6%
}

.no-link .chan,.no-link-1 .chan-1,.no-link-2 .chan-2,.no-link-3 .chan-3,.site-map {
color:#C2D430
}

.linkz {
width:20%;
padding:2.5%;
float:left
}

.link-img {
margin:5% 0
}

.li-head {
font-size:2em
}

.pr-head {
font-size:1.7em
}

.prlft,.prrt {
width:47.5%;
float:left;
color:#fff;
margin-top:3%
}

.prlft {
margin-right:2.5%
}

.prrt {
margin-left:2.5%
}

.prod-range {
background-color:#1d3517;
padding-bottom:1em
}

.prop-h1 {
font-family:brushup;
font-size:1.8em;
text-align:center;
margin:15px 0
}

.nut-el {
width:65%;
margin:2% auto
}

.prod-ul {
margin:5% 21% 10%;
line-height:1.25em
}

.about-hd {
width:50%
}

.abh1,.ab2h1,.ravipic,.blogh1,.arc {
font-family:brushup;
font-size:2.1em;
color:#1d3517;
margin:5% 0
}

.ablft,.abrt {
width:50%;
float:left
}

.abp {
padding:5% 18% 8% 0;
line-height:1.3em
}

.abinr1,.abinr2 {
width:90%;
margin-top:10%;
color:#1d3517
}

.abinr2 {
margin-left:10%
}

.blogl {
width:70%
}

.blogr {
width:30%
}

.blogl,.blogr {
float:left;
color:#1d3517;
letter-spacing:.6px
}

.blog-list {
width:65%;
margin-left:20%
}

.archive-list {
border-left:1px solid #967D7C;
padding-left:10%;
padding-top:10%
}

.author {
color:#637019;
font-size:1.2em;
margin-top:-.7em
}

.art-type,.open {
font-family:arial;
color:#637019;
text-transform:uppercase;
margin-top:.1em
}

.art-type {
margin-top:5px;
margin-bottom:10px
}

.blog-head,.blog-head-m {
line-height:1.3em;
font-size:.8em
}

.blog-head-m {
max-width:none
}

.by {
text-transform:uppercase;
margin-bottom:1em;
font-family:cocogoose
}

.indent {
padding-left:1em;
padding-bottom:1em;
letter-spacing:.8px
}

.cat-type {
font-weight:600;
margin-top:-.1em
}

.recipies {
color:#637019;
line-height:1.3em;
font-family:arial;
margin-bottom:2em
}

.lowe {
margin-bottom:0
}

.blog-img-l {
width:150%
}

figcaption {
font-size:.8em;
text-align:center;
margin-bottom:2em;
margin-top:-2px;
font-style:italic;
padding:3px
}

.inde-li {
font-style:italic
}

.thr {
margin-top:-30px
}

@media screen and (max-width:1300px) {
.min {
font-size:1.5em
}
}

@media screen and (max-width:1150px) {
.prop-h1 {
font-size:1.3em
}

.menu-top {
font-size:90%
}
}

@media screen and (max-width:1000px) {
#background {
width:80%
}

.sp::after {
content:url(../images/dot-2.png)
}

.product-li {
left:40%;
top:60%
}
}

@media screen and (max-width:850px) {
#background {
width:90%
}

.min {
font-size:1em
}
}

@media screen and (max-width:700px) {
#background {
width:100%;
margin-top:0
}

.nav {
width:50%;
margin-left:12.5%;
line-height:3em;
margin-top:0;
font-size:.95em
}

.chan-2::after {
content:' '
}

.logo {
width:35%
}

.menu-top {
font-size:109%
}

.prlft,.prrt {
width:80%;
margin-top:5%;
margin-left:10%
}

.blog-list {
width:95%;
margin-left:0
}

.prop-h1 {
font-size:1.8em
}
}

@media screen and (max-width:600px) {
.logo {
width:30%
}

.nav {
font-size:.75em
}

.product-li {
left:35%;
top:60%
}

.ablft,.abrt,.about-hd,.about-pic {
width:85%;
float:none;
padding-left:5%;
padding-right:10%
}

.abinr2 {
margin-left:0
}

.blogl,.blogr {
float:none;
width:90%
}

.blogl {
padding-left:5%
}

.indent,.by {
width:47%;
float:left
}

.archive-list {
border-left:0;
border-top:1px solid #967d7c;
margin-top:10%;
padding-top:2%
}

#main {
padding-bottom:10%
}

.lo-na {
padding-bottom:1%
}
}

@media screen and (max-width:600px) {
.logo {
width:35%;
float:none;
margin-left:auto;
margin-right:auto
}

.lo-na {
padding-bottom:0;
padding-bottom:0
}

.nav {
float:none;
width:100%;
margin-top:2%;
margin-left:0;
text-align:center;
font-size:.8em
}

.chan-2::after {
content:url(../images/dot-2.png)
}

.flf,.frt {
width:80%
}

.connect {
padding-top:5px;
margin-top:2%
}

.product-li {
left:25%;
top:55%
}

.linkz {
width:45%
}

.la-img:hover {
opacity:.5;
filter:alpha(opacity=50)
}

.fou {
margin-top:-15px
}
}

.product-li {
left:25%
}

@media screen and (max-width:440px) {
.menu-top {
font-size:.75em
}

.min {
width:95%;
float:none
}

.product-li {
left:53%;
top:70%
}

.prop-h1 {
font-size:1.2em
}
}